diff --git a/.env.example b/.env.example new file mode 100644 index 0000000..c0a8aa8 --- /dev/null +++ b/.env.example @@ -0,0 +1 @@ +NEXT_PUBLIC_RPC_URL= \ No newline at end of file diff --git a/.gitignore b/.gitignore index 1839fd8..305fa9b 100644 --- a/.gitignore +++ b/.gitignore @@ -31,7 +31,8 @@ yarn-error.log* .pnpm-debug.log* # env files (can opt-in for committing if needed) -.env* +.env +.env.local # vercel .vercel diff --git a/public/heroPeopleImage.svg b/public/heroPeopleImage.svg new file mode 100644 index 0000000..6032231 --- /dev/null +++ b/public/heroPeopleImage.svg @@ -0,0 +1,124 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/app/about-us/components/JoinOurCommunity.tsx b/src/app/about-us/components/JoinOurCommunity.tsx new file mode 100644 index 0000000..14cbfa9 --- /dev/null +++ b/src/app/about-us/components/JoinOurCommunity.tsx @@ -0,0 +1,84 @@ +import Image from "next/image"; +import React from "react"; +import Imagetiny1 from "@/assets/Images/1.png"; +import Imagetiny2 from "@/assets/Images/2.png"; +import Imagetiny4 from "@/assets/Images/4.png"; +import Imagetiny5 from "@/assets/Images/5.png"; +import Image3 from "@/assets/Images/footerimage.png"; + +const avatarImages = [ + Imagetiny5, + Imagetiny1, + Imagetiny2, + Imagetiny4, + Imagetiny1, +]; + +function JoinOurCommunity() { + return ( +
+
+

+ Join Our Community of Book Lovers +

+ + + +
+
+

+ Our Community +

+
+ {avatarImages.map((imgSrc, index) => ( +
+ {`Community +
+ ))} +
+
+
+

+ 40k+ +

+

Book lovers Joined

+
+
+
+ + Readers community photo +
+ ); +} + +export default JoinOurCommunity; diff --git a/src/app/about-us/components/WhatIsChainLib.tsx b/src/app/about-us/components/WhatIsChainLib.tsx new file mode 100644 index 0000000..a309e66 --- /dev/null +++ b/src/app/about-us/components/WhatIsChainLib.tsx @@ -0,0 +1,33 @@ +import React from "react"; + +const SectionCard = ({ + title, + content, +}: { + title: string; + content: string; +}) => ( +
+

+ {title} +

+

{content}

+
+); + +function WhatIsChainLib() { + return ( +
+ + +
+ ); +} + +export default WhatIsChainLib; diff --git a/src/app/about-us/components/WhatMakesUsDifferent.tsx b/src/app/about-us/components/WhatMakesUsDifferent.tsx new file mode 100644 index 0000000..29c106b --- /dev/null +++ b/src/app/about-us/components/WhatMakesUsDifferent.tsx @@ -0,0 +1,60 @@ +import React from "react"; +import DecentralizedIcon from "@/app/svg/DecentralizedIcon"; +import NftCircleIcon from "@/app/svg/NftCircleIcon"; +import RewardIcon from "@/app/svg/RewardIcon"; +import SmartContractIcon from "@/app/svg/SmartContractIcon"; + +const FeatureCard = ({ + icon: Icon, + title, + description, +}: { + icon: React.FC; + title: string; + description: string; +}) => ( +
+ +
+

{title}

+

{description}

+
+
+); + +function WhatMakesUsDifferent() { + return ( +
+
+

+ What Makes Us Different +

+ +
+ + + + +
+
+
+ ); +} + +export default WhatMakesUsDifferent; diff --git a/src/app/about-us/page.tsx b/src/app/about-us/page.tsx index cbc745d..9c66301 100644 --- a/src/app/about-us/page.tsx +++ b/src/app/about-us/page.tsx @@ -1,637 +1,34 @@ -"use client"; - import Image from "next/image"; -import Link from "next/link"; 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 Imagetiny4 from "@/assets/Images/4.png"; -import Imagetiny5 from "@/assets/Images/5.png"; +import NavBar from "@/components/landingpage/NavBar"; +import Footer from "@/components/landingpage/Footer"; +import WhatMakesUsDifferent from "./components/WhatMakesUsDifferent"; +import JoinOurCommunity from "./components/JoinOurCommunity"; +import WhatIsChainLib from "./components/WhatIsChainLib"; -export default function About() { +export default function About() { return ( -
-
- {/* Hero Section */} -
-
-
-

- Empowering Stories, -
- Decentralized Freedom. -

-
-
-
- -
-
-
- Diverse community of readers and writers -
-
-
- - {/* What is Chainlib */} -
-
-
-
-

- - What is Chainlib? - -

- -

- Chainlib is a new marketplace built on the Polygon blockchain, - where authors can publish books and readers can support them - directly. We eliminate middlemen, ensure fair compensation, - and provide a platform where creativity thrives and readers - discover unique voices. -

-
-
-

- - Why Chainlib Exists? - -

-

- We believe creators deserve fair pay for their publications. - ChainLib empowers authors to earn more from their work and - give readers direct access to their favorite writers. By using - blockchain technology, we've created a transparent and - decentralized way of supporting literary creation and - readership. -

-
-
-
-
- - {/* What Makes Us Different Section - Updated to match image */} -
-
-
-
-

- What Makes Us Different -

-
- -
-
- {/* Decentralized Storage Feature */} -
-
-
- - - - - -
-
-
-

- Decentralized Storage -

-

- Books live on IPFS, never locked behind servers. -

-
-
- - {/* NFT Publishing Feature */} -
-
-
- - - - - -
-
-
-

- NFT Publishing -

-

- Every published work is a tradable asset, linked to a - tokenbound account.{" "} -

-
-
- -
-
-
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
-
-
-

- Smart Contracts -

-

- Royalties, rights, and revenue handled transparently and - automatically. -

-
-
- - {/* Reader Rewards Feature */} -
-
-
- - - - - - - -
-
-
-

- Reader Rewards -

-

- Read, review, and grow your rank in our engaged reading - community. -

-
-
-
-
-
-
+ <> + +
+
+

+ Empowering Stories, +
+ Decentralized Freedom. +

- {/* Join Our Community */} -
-
-
-
-

- Join Our Community of Book Lovers -

- - -
-
-
- Community of readers -
-
- Community of readers -
-
- Community of readers -
-
- Community of readers -
- -
- Community of readers -
-
-
-

- Our Community -

-

- 40k+ active members -

-
-
-
- -
- Community of readers -
-
-
-
+ Diverse community of readers and writers + + +
- - {/* Footer */} - -
-
-
- {/* Logo and social icons */} -
-
-
- Logo -
- ChainLib -
- - -
- -
-
-

- Explore -

-
    -
  • - - Home - -
    • -
  • - - Books - -
    • -
  • - - How It Works - -
    • -
  • - - About - -
    • -
-
-
-

- Legal -

-
    -
  • - - Privacy Policy - -
    • -
  • - - Terms of Service - -
    • -
-
-
-
- -
-

- © {new Date().getFullYear()} ChainLib. All rights reserved. -

-
-
-
-
+