Merge version_3 into main

Add src/app/about/page.tsx
2026-01-29 13:05:24 +00:00 · 2026-01-29 13:05:18 +00:00 · 2026-01-29 12:37:53 +00:00 · 2026-01-29 12:37:48 +00:00 · 2026-01-29 12:37:47 +00:00 · 2026-01-29 12:37:46 +00:00
4 changed files with 130 additions and 4 deletions
--- a/src/app/about/page.tsx
+++ b/src/app/about/page.tsx
@@ -0,0 +1,91 @@
+"use client";
+
+import { useEffect, useState } from "react";
+import ReactLenis from "lenis/react";
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen";
+import TextSplitAbout from "@/components/sections/about/TextSplitAbout";
+import FooterSimple from "@/components/sections/footer/FooterSimple";
+
+export default function AboutPage() {
+  return (
+    <ThemeProvider
+      defaultButtonVariant="hover-bubble"
+      defaultTextAnimation="background-highlight"
+      borderRadius="soft"
+      contentWidth="mediumSmall"
+      sizing="mediumSizeLargeTitles"
+      background="aurora"
+      cardStyle="solid"
+      primaryButtonStyle="diagonal-gradient"
+      secondaryButtonStyle="layered"
+      headingFontWeight="medium"
+    >
+      <ReactLenis root>
+        <div className="min-h-screen bg-background">
+          <NavbarStyleFullscreen
+            navItems={[
+              { name: "Home", id: "/" },
+              { name: "About", id: "about" },
+              { name: "Books", id: "books" },
+              { name: "Shop", id: "shop" },
+              { name: "Reviews", id: "testimonials" },
+              { name: "Contact", id: "contact" }
+            ]}
+            brandName="4itaka"
+            bottomLeftText="Book Club Community"
+            bottomRightText="hello@4itaka.com"
+          />
+
+          <div id="about-main" data-section="about-main">
+            <TextSplitAbout
+              title="About 4itaka"
+              description={[
+                "4itaka is a welcoming book club dedicated to creating meaningful connections through literature. We believe that books have the power to transform perspectives, spark conversations, and bring people together from all walks of life.",                "Our mission is to cultivate a space where readers of all levels can explore diverse genres, discover hidden literary gems, and engage in thoughtful discussions that deepen their appreciation for storytelling and human connection.",                "Founded in 2023, 4itaka has grown from a small group of passionate readers into a vibrant global community spanning over 25 countries. We celebrate the diversity of our members and the richness of stories they bring to our discussions.",                "Every month, we carefully curate our book selections to represent a variety of genres, cultures, and voices. From contemporary fiction to classic literature, from memoirs to science fiction, we believe every story has something valuable to teach us about ourselves and the world around us."
+              ]}
+              useInvertedBackground="invertDefault"
+              showBorder={true}
+              buttons={[
+                { text: "Join Our Community", href: "/#contact" }
+              ]}
+            />
+          </div>
+
+          <FooterSimple
+            columns={[
+              {
+                title: "Community",                items: [
+                  { label: "Join Us", href: "/#contact" },
+                  { label: "Events", href: "#" },
+                  { label: "Blog", href: "#" }
+                ]
+              },
+              {
+                title: "Resources",                items: [
+                  { label: "Book Recommendations", href: "#" },
+                  { label: "Discussion Guides", href: "#" },
+                  { label: "Member Stories", href: "#" }
+                ]
+              },
+              {
+                title: "Connect",                items: [
+                  { label: "Email", href: "mailto:hello@4itaka.com" },
+                  { label: "Discord", href: "#" },
+                  { label: "Instagram", href: "#" }
+                ]
+              },
+              {
+                title: "Legal",                items: [
+                  { label: "Privacy", href: "#" },
+                  { label: "Terms", href: "#" }
+                ]
+              }
+            ]}
+            bottomLeftText="© 2024 4itaka Book Club. All rights reserved."
+            bottomRightText="Made for book lovers, by book lovers"
+          />
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}
--- a/src/app/blog/page.tsx
+++ b/src/app/blog/page.tsx
@@ -54,7 +54,8 @@ export default function BlogPage() {
                const url = `${apiUrl}/posts/${projectId}?status=published`;
                const response = await fetch(url, {
                    method: "GET",                    headers: {
-                        "Content-Type": "application/json"},
+                        "Content-Type": "application/json"
+                    },
                });

                if (response.ok) {
@@ -101,6 +102,7 @@ export default function BlogPage() {
                            { name: "Home", id: "/" },
                            { name: "About", id: "about" },
                            { name: "Books", id: "books" },
+                            { name: "Shop", id: "shop" },
                            { name: "Reviews", id: "testimonials" },
                            { name: "Contact", id: "contact" }
                        ]}
@@ -163,4 +165,4 @@ export default function BlogPage() {
            </ReactLenis>
        </ThemeProvider>
    );
-}
+}
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -1253,4 +1253,4 @@ export default function RootLayout({
      </ServiceWrapper>
    </html>
  );
-}
+}
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -32,6 +32,7 @@ export default function LandingPage() {
            { name: "Home", id: "hero" },
            { name: "About", id: "about" },
            { name: "Books", id: "books" },
+            { name: "Shop", id: "shop" },
            { name: "Reviews", id: "testimonials" },
            { name: "Contact", id: "contact" }
          ]}
@@ -90,6 +91,38 @@ export default function LandingPage() {
        />
      </div>

+      <div id="shop" data-section="shop">
+        <ProductCardOne
+          title="Shop Our Collection"
+          description="Curated books handpicked by our community members. Every purchase supports independent authors and publishers."
+          tag="Bookstore"
+          products={[
+            {
+              id: "shop-1",              name: "The Midnight Library",              price: "£14.99",              imageSrc: "https://img.b2bpic.net/free-photo/antique-book-titles-from-our-own-original-public-domain-library-collection_53876-160406.jpg",              imageAlt: "The Midnight Library book cover"
+            },
+            {
+              id: "shop-2",              name: "Lessons in Chemistry",              price: "£16.50",              imageSrc: "https://img.b2bpic.net/free-photo/wooden-table-with-three-books-top-each-other-daytime_181624-10034.jpg",              imageAlt: "Lessons in Chemistry book cover"
+            },
+            {
+              id: "shop-3",              name: "The Seven Husbands of Evelyn Hugo",              price: "£15.99",              imageSrc: "https://img.b2bpic.net/free-photo/cozy-home-composition-with-books-table-closeup_169016-25849.jpg",              imageAlt: "The Seven Husbands of Evelyn Hugo book cover"
+            },
+            {
+              id: "shop-4",              name: "Educated",              price: "£18.99",              imageSrc: "https://img.b2bpic.net/free-photo/antique-book-titles-from-our-own-original-public-domain-library-collection_53876-160406.jpg",              imageAlt: "Educated book cover"
+            },
+            {
+              id: "shop-5",              name: "Atomic Habits",              price: "£17.50",              imageSrc: "https://img.b2bpic.net/free-photo/wooden-table-with-three-books-top-each-other-daytime_181624-10034.jpg",              imageAlt: "Atomic Habits book cover"
+            },
+            {
+              id: "shop-6",              name: "The Silent Patient",              price: "£16.99",              imageSrc: "https://img.b2bpic.net/free-photo/cozy-home-composition-with-books-table-closeup_169016-25849.jpg",              imageAlt: "The Silent Patient book cover"
+            }
+          ]}
+          textboxLayout="default"
+          useInvertedBackground="invertDefault"
+          gridVariant="bento-grid"
+          animationType="slide-up"
+        />
+      </div>
+
      <div id="features" data-section="features">
        <MetricCardSeven
          title="Why Join 4itaka"
@@ -229,4 +262,4 @@ export default function LandingPage() {
      </div>
    </ThemeProvider>
  );
-}
+}
Author	SHA1	Message	Date
development	f7a738ff2d	Merge version_3 into main Merge version_3 into main	2026-01-29 13:05:24 +00:00
development	33d8ad0fbb	Add src/app/about/page.tsx	2026-01-29 13:05:18 +00:00
development	92928fec1a	Merge version_2 into main Merge version_2 into main	2026-01-29 12:37:53 +00:00
development	b12a304d1f	Update src/app/page.tsx	2026-01-29 12:37:48 +00:00
development	772dca83bd	Update src/app/layout.tsx	2026-01-29 12:37:47 +00:00
development	aa94fde68e	Update src/app/blog/page.tsx	2026-01-29 12:37:46 +00:00