Skip to content

Nft publishing #31

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
Iwueseiter merged 7 commits into from
May 28, 2025
Merged

Nft publishing #31

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
7 commits
Select commit Hold shift + click to select a range
727b7ab
feat: implemented publish nft edition page
Iwueseiter May 4, 2025
08dc2d9
fix: styling and responsiveness
Iwueseiter May 6, 2025
e45ea1f
refac:about chainlib and landing page
Iwueseiter May 21, 2025
e014b8e
Merge branch 'main' of https://github.com/Chain-Library/Chainlib-fron…
Iwueseiter May 21, 2025
48228ac
refac:landing page
Iwueseiter May 21, 2025
4cee6a4
feat:added Navbar component
Iwueseiter May 28, 2025
d086082
resolved merge conflicts
Iwueseiter May 28, 2025
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
151 changes: 4 additions & 147 deletions src/app/about-us/page.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -2,153 +2,22 @@

import Image from "next/image";
import Link from "next/link";
import { useState } from "react";
import Image2 from "@/assets/Images/image.png";
import Image3 from "@/assets/Images/footerimage.png";
import Image4 from "@/assets/Images/ImageLogo.png";
import Imagetiny1 from "@/assets/Images/1.png";
import Imagetiny2 from "@/assets/Images/2.png";
// import Imagetiny3 from "@/assets/Images/5.png";
import Imagetiny4 from "@/assets/Images/4.png";
import Imagetiny5 from "@/assets/Images/5.png";

export default function About() {
const [isMenuOpen, setIsMenuOpen] = useState(false);

const toggleMenu = () => {
setIsMenuOpen(!isMenuOpen);
};

export default function About() {
return (
<div className="min-h-screen flex flex-col">
{/* Navigation */}
<header className="bg-white shadow-sm">
<div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
<div className="flex justify-between h-16 items-center">
<div className="flex items-center">
<Link href="/">
<span className="flex items-center cursor-pointer">
<Image
src={Image4}
alt="Logo"
width={24}
height={24}
className="h-9 w-9"
/>
{/* </div> */}
<span className="ml-2 text-[#0F265C] text-lg font-medium">
ChainLib
</span>
</span>
</Link>
</div>

{/* Desktop Navigation */}
<nav className="hidden md:flex space-x-8">
<Link href="/" className="text-gray-500 hover:text-gray-900">
Home
</Link>
<Link href="/books" className="text-blue-600 font-medium">
Books
</Link>
<Link href="/how-it-works" className="text-blue-600 font-medium">
How It Works
</Link>
<Link
href="/about-us"
className="bg-blue-100 px-3 py-1 rounded-full text-gray-500 hover:text-gray-900"
>
About ChainLib
</Link>
</nav>

<div className="hidden md:flex items-center space-x-4">
<button className="bg-gray-100 hover:bg-gray-200 text-gray-800 px-4 py-2 rounded-md text-sm font-medium">
Log In
</button>
<button className="bg-blue-600 hover:bg-blue-700 text-white px-4 py-2 rounded-md text-sm font-medium">
Sign Up
</button>
</div>

{/* Mobile menu button */}
<div className="md:hidden">
<button
onClick={toggleMenu}
className="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-gray-500 hover:bg-gray-100"
>
<span className="sr-only">Open main menu</span>
<svg
className="h-6 w-6"
fill="none"
viewBox="0 0 24 24"
stroke="currentColor"
>
<path
strokeLinecap="round"
strokeLinejoin="round"
strokeWidth={2}
d="M4 6h16M4 12h16M4 18h16"
/>
</svg>
</button>
</div>
</div>
</div>

{/* Mobile menu */}
{isMenuOpen && (
<div className="md:hidden">
<div className="pt-2 pb-3 space-y-1">
<Link
href="/"
className="block px-3 py-2 text-base font-medium text-gray-500 hover:text-gray-900 hover:bg-gray-50"
>
Home
</Link>
<Link
href="/about-us"
className="block px-3 py-2 text-base font-medium text-blue-600 bg-blue-50"
>
About Check.io
</Link>
<Link
href="/books"
className="block px-3 py-2 text-base font-medium text-gray-500 hover:text-gray-900 hover:bg-gray-50"
>
Books
</Link>
<Link
href="/contact"
className="block px-3 py-2 text-base font-medium text-gray-500 hover:text-gray-900 hover:bg-gray-50"
>
Contact
</Link>
</div>
<div className="pt-4 pb-3 border-t border-gray-200">
<div className="flex items-center px-4 space-x-3">
<button className="flex-1 bg-gray-100 hover:bg-gray-200 text-gray-800 px-4 py-2 rounded-md text-sm font-medium">
Log In
</button>
<button className="flex-1 bg-blue-600 hover:bg-blue-700 text-white px-4 py-2 rounded-md text-sm font-medium">
Sign Up
</button>
</div>
</div>
</div>
)}
</header>

<main className="flex-grow">
{/* Hero Section */}
<div className="bg-white overflow-hidden">
<div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
<div className="text-center py-16 md:py-20">
{/* <h1 className="text-3xl md:text-4xl font-bold">
<span className="text-blue-600">Empowering</span> Stories,<br />
<span className="text-blue-900">Decentralized</span> Freedom.
</h1> */}

<h1 className="text-3xl md:text-4xl font-bold text-[#0F265C]">
<span className="text-[#0061FF]">Empowering</span> Stories,
<br />
Expand All @@ -158,7 +27,6 @@ export default function About() {
</div>
</div>

{/* People Banner */}
<div className="bg-white">
<div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-8">
<div className="relative h-24 md:h-32">
Expand All @@ -179,7 +47,6 @@ export default function About() {
<div>
<h2 className="text-lg font-semibold text-[#096CFF] mb-2">
<span className="bg-gray-100 px-2 py-1 rounded">
{/* {" "} */}
What is Chainlib?
</span>
</h2>
Expand All @@ -195,7 +62,6 @@ export default function About() {
<div>
<h2 className="text-lg font-semibold text-blue-600 mb-2">
<span className="bg-gray-100 px-2 py-1 rounded">
{/* {" "} */}
Why Chainlib Exists?
</span>
</h2>
Expand Down Expand Up @@ -294,7 +160,6 @@ export default function About() {
</div>
</div>

{/* Smart Contracts Feature */}
<div className="bg-gray-50 p-6 rounded-lg flex items-start">
<div className="flex-shrink-0 mr-4">
<div className="h-12 w-12 bg-blue-100 rounded-full flex items-center justify-center">
Expand All @@ -305,7 +170,6 @@ export default function About() {
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
{/* <g clip-path="url(#clip0_67_2264)"> */}
<g clipPath="url(#clip0_67_2264)">
<g opacity="0.7">
<path
Expand Down Expand Up @@ -519,21 +383,19 @@ export default function About() {
</h2>
<button className="bg-blue-600 hover:bg-blue-700 text-white px-6 py-3 rounded-md text-sm font-medium mb-4 flex items-center justify-center space-x-2">
<span>Become a Member</span>{" "}
{/* Optional: wrap text in span for clarity */}
<span className="inline-flex items-center">
{" "}
{/* Ensure span aligns well */}
<svg
width="18" // Adjusted width slightly for better proportion with h-4
width="18"
height="16"
viewBox="0 0 27 16"
fill="none"
xmlns="http://www.w3.org/2000/svg"
className="h-4 w-auto" // Use Tailwind for size, aligns with text-sm
className="h-4 w-auto"
>
<path
d="M17.6 1.4L23.2 7H0V9H23.2L17.6 14.6L19 16L27 8L19 0L17.6 1.4Z"
fill="currentColor" // Inherit text color (white)
fill="currentColor"
/>
</svg>
</span>
Expand Down Expand Up @@ -628,7 +490,6 @@ export default function About() {
height={24}
className="h-6 w-6"
/>
{/* </div> */}
</div>
<span className="font-bold text-gray-900">ChainLib</span>
</div>
Expand Down Expand Up @@ -674,7 +535,6 @@ export default function About() {
<circle cx="4" cy="4" r="2"></circle>
</svg>
</a>
{/* Add more social icons as needed */}
<a
href="#"
aria-label="ChainLib on LinkedIn"
Expand All @@ -699,7 +559,6 @@ export default function About() {
</div>
</div>

{/* Navigation Links */}
<div className="grid grid-cols-2 gap-8 md:gap-16">
<div>
<h3 className="text-sm font-semibold text-gray-700 mb-3">
Expand All @@ -722,7 +581,6 @@ export default function About() {
Books
</Link>
</li>
{/* Ensure these links point to the correct pages */}
<li>
<Link
href="/how-it-works"
Expand Down Expand Up @@ -767,7 +625,6 @@ export default function About() {
</div>
</div>

{/* Copyright */}
<div className="mt-8 pt-6 border-t border-gray-200 text-center md:text-left">
<p className="text-xs text-gray-500">
© {new Date().getFullYear()} ChainLib. All rights reserved.
Expand Down
71 changes: 9 additions & 62 deletions src/app/landing-page/page.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,74 +1,21 @@
import Image from "next/image";
import Link from "next/link";
import Image4 from "@/assets/Images/ImageLogo.png";
import Hero from "@/components/landingpage/Hero";
import Tagline from "@/components/landingpage/Tagline";
import Nft from "@/components/landingpage/Nft";
import Authors from "@/components/landingpage/Authors";
import Banner from "@/components/landingpage/Banner";
import Community from "@/components/landingpage/Community";
import Partener from "@/components/landingpage/Partener";
import Footer from "@/components/landingpage/Footer";

export default function landing() {
return (
<>
<div className="flex justify-between h-16 items-center">
<div className="flex items-center">
<Link href="/">
<span className="flex items-center cursor-pointer">
<Image
src={Image4}
alt="Logo"
width={24}
height={24}
className="h-9 w-9"
/>
{/* </div> */}
<span className="ml-2 text-[#0F265C] text-lg font-medium">
ChainLib
</span>
</span>
</Link>
</div>

{/* Desktop Navigation */}
<nav className="hidden md:flex space-x-8">
<Link href="/" className="text-gray-500 hover:text-gray-900">
Home
</Link>
<Link href="/books" className="text-gray-500 font-medium hover:text-gray-900">
Books
</Link>
<Link href="/how-it-works" className="text-gray-500 font-medium hover:text-gray-900">
How It Works
</Link>
<Link
href="/about-us"
className="text-gray-500 hover:text-gray-900"
>
About ChainLib
</Link>
</nav>

<div className="hidden md:flex items-center space-x-4">
<button className="bg-gray-100 hover:bg-gray-200 text-gray-800 px-4 py-2 rounded-md text-sm font-medium">
Log In
</button>
<button className="bg-blue-600 hover:bg-blue-700 text-white px-4 py-2 rounded-md text-sm font-medium">
Sign Up
</button>
</div>
</div>

<Hero />
<Tagline />
<Nft />
<Banner />
<Authors />
<Community />
<Partener />
<Footer />
</>
<>
<Hero />
<Tagline />
<Nft />
<Banner />
<Authors />
<Community />
<Partener />
</>
);
}
4 changes: 4 additions & 0 deletions src/app/layout.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,6 +1,8 @@
import type { Metadata } from "next";
import "./globals.css";
import NavBar from "@/components/landingpage/NavBar";
import { Providers } from "@/components/blockchain/Providers";
import Footer from "@/components/landingpage/Footer";

export const metadata: Metadata = {
title: "ChainLib",
Expand All @@ -15,7 +17,9 @@ export default function RootLayout({
return (
<html lang="en">
<body>
<NavBar />
<Providers>{children}</Providers>
<Footer />
</body>
</html>
);
Expand Down
Loading
Loading