From 191aa3e81cc21e731eb3db25c1ca82b7ba67a237 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Sun, 29 Mar 2026 13:21:44 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 255 ++++++++++++++++++++++-------------------------
 1 file changed, 117 insertions(+), 138 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 9f6d682..140e554 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -2,15 +2,15 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactCTA from '@/components/sections/contact/ContactCTA';
-import FeatureBorderGlow from '@/components/sections/feature/featureBorderGlow/FeatureBorderGlow';
-import FooterCard from '@/components/sections/footer/FooterCard';
-import HeroSplitDoubleCarousel from '@/components/sections/hero/HeroSplitDoubleCarousel';
+import ContactCenter from '@/components/sections/contact/ContactCenter';
+import FeatureCardTwentyFive from '@/components/sections/feature/FeatureCardTwentyFive';
+import FooterSimple from '@/components/sections/footer/FooterSimple';
+import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo';
 import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
-import PricingCardFive from '@/components/sections/pricing/PricingCardFive';
-import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
-import SplitAbout from '@/components/sections/about/SplitAbout';
-import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
+import PricingCardOne from '@/components/sections/pricing/PricingCardOne';
+import ProductCardFour from '@/components/sections/product/ProductCardFour';
+import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
+import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
 import { Box, Instagram, Layers, Twitter, Zap } from "lucide-react";
 
 export default function LandingPage() {
@@ -28,144 +28,123 @@ export default function LandingPage() {
         headingFontWeight="medium"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarStyleFullscreen
-      navItems={[
-        { name: "Archive", id: "about" },
-        { name: "Studio", id: "products" },
-        { name: "Services", id: "pricing" },
-        { name: "Contact", id: "contact" },
-      ]}
-      brandName="Shikshak"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarStyleFullscreen
+            navItems={[
+              { name: "Archive", id: "about" },
+              { name: "Studio", id: "products" },
+              { name: "Services", id: "pricing" },
+              { name: "Contact", id: "contact" },
+            ]}
+            brandName="Shikshak"
+          />
+        </div>
 
-  <div id="hero" data-section="hero">
-      <HeroSplitDoubleCarousel
-      background={{ variant: "canvas-reveal" }}
-      title="The Shikshak Archive"
-      description="Where digital oak meets liquid gold. A reimagined portfolio for 2026."
-      leftCarouselItems={[
-        { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcZSdc5ko43KzDl1VnmunEjc8Q/an-ambient-high-end-3d-infinite-library--1774790361756-4be25492.png?_wi=1", imageAlt: "Library Aisle" },
-        { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcZSdc5ko43KzDl1VnmunEjc8Q/an-ambient-high-end-3d-infinite-library--1774790361756-4be25492.png?_wi=2", imageAlt: "Library Aisle" },
-        { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcZSdc5ko43KzDl1VnmunEjc8Q/an-ambient-high-end-3d-infinite-library--1774790361756-4be25492.png?_wi=3", imageAlt: "Library Aisle" },
-        { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcZSdc5ko43KzDl1VnmunEjc8Q/an-ambient-high-end-3d-infinite-library--1774790361756-4be25492.png?_wi=4", imageAlt: "Library Aisle" },
-        { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcZSdc5ko43KzDl1VnmunEjc8Q/an-ambient-high-end-3d-infinite-library--1774790361756-4be25492.png?_wi=5", imageAlt: "Library Aisle" }
-      ]}
-      rightCarouselItems={[
-        { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcZSdc5ko43KzDl1VnmunEjc8Q/a-minimalist-luxury-book-with-gold-leaf--1774790358531-c92a6196.png?_wi=1", imageAlt: "Book" },
-        { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcZSdc5ko43KzDl1VnmunEjc8Q/an-exquisite-piece-of-furniture-design-i-1774790358743-0946158e.png?_wi=1", imageAlt: "Furniture" },
-        { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcZSdc5ko43KzDl1VnmunEjc8Q/a-futuristic-tech-interface-device-with--1774790358693-6e972373.png?_wi=1", imageAlt: "Device" },
-        { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcZSdc5ko43KzDl1VnmunEjc8Q/a-minimalist-luxury-book-with-gold-leaf--1774790358531-c92a6196.png?_wi=2", imageAlt: "Book" },
-        { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcZSdc5ko43KzDl1VnmunEjc8Q/an-exquisite-piece-of-furniture-design-i-1774790358743-0946158e.png?_wi=2", imageAlt: "Furniture" }
-      ]}
-    />
-  </div>
+        <div id="hero" data-section="hero">
+          <HeroCarouselLogo
+            logoText="The Shikshak Archive"
+            description="Where digital oak meets liquid gold. A reimagined portfolio for 2026."
+            buttons={[{ text: "Explore Archive" }, { text: "View Studio" }]}
+            slides={[
+              { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcZSdc5ko43KzDl1VnmunEjc8Q/an-ambient-high-end-3d-infinite-library--1774790361756-4be25492.png?_wi=1" },
+              { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcZSdc5ko43KzDl1VnmunEjc8Q/a-minimalist-luxury-book-with-gold-leaf--1774790358531-c92a6196.png?_wi=1" },
+              { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcZSdc5ko43KzDl1VnmunEjc8Q/an-exquisite-piece-of-furniture-design-i-1774790358743-0946158e.png?_wi=1" }
+            ]}
+          />
+        </div>
 
-  <div id="about" data-section="about">
-      <SplitAbout
-      textboxLayout="split"
-      useInvertedBackground={true}
-      title="Editorial Essence"
-      description="We craft experiences that blend the tactile nature of physical archives with the high-speed intelligence of digital architecture. Your story, preserved in gold."
-      bulletPoints={[
-        { title: "Curation", description: "Hand-picked aesthetics for modern brands." },
-        { title: "Innovation", description: "Vibe-coding interfaces for 2026 standards." },
-        { title: "Legacy", description: "Building sustainable digital assets." }
-      ]}
-      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcZSdc5ko43KzDl1VnmunEjc8Q/a-close-up-aesthetic-shot-of-textured-bu-1774790358883-fc4c6134.png"
-      mediaAnimation="blur-reveal"
-    />
-  </div>
+        <div id="about" data-section="about">
+          <InlineImageSplitTextAbout
+            useInvertedBackground={true}
+            heading={[
+              { type: 'text', content: 'Editorial ' },
+              { type: 'image', src: 'https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcZSdc5ko43KzDl1VnmunEjc8Q/a-minimalist-luxury-book-with-gold-leaf--1774790358531-c92a6196.png?_wi=2', alt: 'Gold' },
+              { type: 'text', content: ' Essence' }
+            ]}
+            buttons={[{ text: "Discover Legacy" }]}
+          />
+        </div>
 
-  <div id="features" data-section="features">
-      <FeatureBorderGlow
-      animationType="blur-reveal"
-      textboxLayout="default"
-      useInvertedBackground={false}
-      features={[
-        { title: "Fluid Motion", description: "Lenis-powered smooth inertia.", icon: Zap },
-        { title: "3D Immersion", description: "Three.js frame-by-frame scrubbing.", icon: Box },
-        { title: "Liquid Glass", description: "High-fidelity blurred glass visuals.", icon: Layers }
-      ]}
-      title="Architectural Digitality"
-      description="A set of high-performance tools designed to transform your digital presence into an elite manuscript."
-    />
-  </div>
+        <div id="features" data-section="features">
+          <FeatureCardTwentyFive
+            animationType="depth-3d"
+            textboxLayout="split"
+            useInvertedBackground={false}
+            title="Architectural Digitality"
+            description="High-performance tools for an elite digital presence."
+            features={[
+              { title: "Fluid Motion", description: "Lenis-powered smooth inertia.", icon: Zap, mediaItems: [{}, {}] },
+              { title: "3D Immersion", description: "Three.js frame-by-frame scrubbing.", icon: Box, mediaItems: [{}, {}] },
+              { title: "Liquid Glass", description: "High-fidelity blurred glass visuals.", icon: Layers, mediaItems: [{}, {}] }
+            ]}
+          />
+        </div>
 
-  <div id="products" data-section="products">
-      <ProductCardTwo
-      animationType="scale-rotate"
-      textboxLayout="default"
-      gridVariant="bento-grid"
-      useInvertedBackground={true}
-      products={[
-        { id: "1", brand: "Archive", name: "Oak Study Table", price: "$12,000", rating: 5, reviewCount: "12", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcZSdc5ko43KzDl1VnmunEjc8Q/an-exquisite-piece-of-furniture-design-i-1774790358743-0946158e.png?_wi=3" },
-        { id: "2", brand: "Archive", name: "Gold Fountain Pen", price: "$800", rating: 5, reviewCount: "48", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcZSdc5ko43KzDl1VnmunEjc8Q/a-minimalist-luxury-book-with-gold-leaf--1774790358531-c92a6196.png?_wi=3" },
-        { id: "3", brand: "Archive", name: "E-Reader Pro", price: "$450", rating: 4, reviewCount: "102", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcZSdc5ko43KzDl1VnmunEjc8Q/a-futuristic-tech-interface-device-with--1774790358693-6e972373.png?_wi=2" }
-      ]}
-      title="Project Archive"
-      description="Manuscripts of our latest endeavors in design and engineering."
-    />
-  </div>
+        <div id="products" data-section="products">
+          <ProductCardFour
+            animationType="blur-reveal"
+            textboxLayout="split"
+            gridVariant="one-large-right-three-stacked-left"
+            useInvertedBackground={true}
+            title="Project Archive"
+            description="Manuscripts of our latest endeavors."
+            products={[
+              { id: "1", name: "Oak Study Table", price: "$12,000", variant: "Furniture", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcZSdc5ko43KzDl1VnmunEjc8Q/an-exquisite-piece-of-furniture-design-i-1774790358743-0946158e.png?_wi=3" },
+              { id: "2", name: "Gold Fountain Pen", price: "$800", variant: "Accessory", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcZSdc5ko43KzDl1VnmunEjc8Q/a-minimalist-luxury-book-with-gold-leaf--1774790358531-c92a6196.png?_wi=3" },
+              { id: "3", name: "E-Reader Pro", price: "$450", variant: "Tech", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcZSdc5ko43KzDl1VnmunEjc8Q/a-futuristic-tech-interface-device-with--1774790358693-6e972373.png?_wi=2" }
+            ]}
+          />
+        </div>
 
-  <div id="pricing" data-section="pricing">
-      <PricingCardFive
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={false}
-      plans={[
-        {
-          id: "basic",          tag: "Essentials",          price: "$2,500",          period: "/year",          description: "Standard access to archive collections.",          button: { text: "Join" },
-          featuresTitle: "Included",          features: ["Limited access", "Daily updates", "Email support"]
-        },
-        {
-          id: "pro",          tag: "Elite",          price: "$12,000",          period: "/year",          description: "Full access to our gold-tier projects.",          button: { text: "Upgrade" },
-          featuresTitle: "Everything in Basic, plus:",          features: ["Unlimited access", "Priority engineering", "Direct support"]
-        }
-      ]}
-      title="Membership Portal"
-      description="Access the inner circle of our design archives."
-    />
-  </div>
+        <div id="pricing" data-section="pricing">
+          <PricingCardOne
+            animationType="depth-3d"
+            textboxLayout="split"
+            useInvertedBackground={false}
+            title="Membership Portal"
+            description="Access the inner circle."
+            plans={[
+              { id: "basic", badge: "Essentials", price: "$2,500", subtitle: "Annual Access", features: ["Limited access", "Daily updates"] },
+              { id: "elite", badge: "Elite", price: "$12,000", subtitle: "Premium Access", features: ["Unlimited access", "Priority engineering"] }
+            ]}
+          />
+        </div>
 
-  <div id="testimonials" data-section="testimonials">
-      <TestimonialCardTwelve
-      useInvertedBackground={true}
-      testimonials={[
-        { id: "1", name: "Sarah Miller", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcZSdc5ko43KzDl1VnmunEjc8Q/a-stylized-professional-portrait-of-a-mo-1774790360758-59fc85cc.png?_wi=1" },
-        { id: "2", name: "David Chen", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcZSdc5ko43KzDl1VnmunEjc8Q/a-stylized-professional-portrait-of-an-a-1774790360974-8e38aee7.png" },
-        { id: "3", name: "Emily Rose", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcZSdc5ko43KzDl1VnmunEjc8Q/a-professional-portrait-of-a-tech-lead-1774790359801-c72b40e4.png" },
-        { id: "4", name: "Alex Smith", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcZSdc5ko43KzDl1VnmunEjc8Q/a-professional-portrait-of-a-designer-1774790358159-9d385bc9.png" },
-        { id: "5", name: "Jordan Lee", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcZSdc5ko43KzDl1VnmunEjc8Q/a-stylized-professional-portrait-of-a-mo-1774790360758-59fc85cc.png?_wi=2" }
-      ]}
-      cardTitle="Client Provenance"
-      cardAnimation="blur-reveal"
-      cardTag="Testimonials"
-    />
-  </div>
+        <div id="testimonials" data-section="testimonials">
+          <TestimonialCardSixteen
+            animationType="depth-3d"
+            textboxLayout="split"
+            useInvertedBackground={true}
+            title="Client Provenance"
+            description="Proven excellence from our partners."
+            kpiItems={[{ value: "150+", label: "Projects" }, { value: "98%", label: "Retention" }, { value: "2026", label: "Standards" }]}
+            testimonials={[
+              { id: "1", name: "Sarah Miller", role: "Design Lead", company: "Arch Corp", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcZSdc5ko43KzDl1VnmunEjc8Q/a-stylized-professional-portrait-of-a-mo-1774790360758-59fc85cc.png?_wi=1" },
+              { id: "2", name: "David Chen", role: "Tech Director", company: "Gold Tech", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcZSdc5ko43KzDl1VnmunEjc8Q/a-stylized-professional-portrait-of-an-a-1774790360974-8e38aee7.png" }
+            ]}
+          />
+        </div>
 
-  <div id="contact" data-section="contact">
-      <ContactCTA
-      useInvertedBackground={false}
-      background={{ variant: "radial-gradient" }}
-      tag="Get In Touch"
-      title="Submit your inquiry."
-      description="Submit a request to collaborate on a new project or join the collective."
-      buttons={[{ text: "Send Ink-Bleed Request" }]}
-    />
-  </div>
+        <div id="contact" data-section="contact">
+          <ContactCenter
+            tag="Get In Touch"
+            title="Submit your inquiry."
+            description="Collaborate on a new project or join the collective."
+            background={{ variant: "sparkles-gradient" }}
+            useInvertedBackground={false}
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterCard
-      logoText="Shikshak 2026"
-      copyrightText="© 2026 Shikshak Archive. All rights reserved."
-      socialLinks={[
-        { icon: Twitter, href: "#", ariaLabel: "Twitter" },
-        { icon: Instagram, href: "#", ariaLabel: "Instagram" }
-      ]}
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterSimple
+            columns={[
+              { title: "Archive", items: [{ label: "History" }, { label: "Works" }] },
+              { title: "Legal", items: [{ label: "Terms" }, { label: "Privacy" }] }
+            ]}
+            bottomLeftText="© 2026 Shikshak Archive"
+            bottomRightText="All rights reserved."
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
-- 
2.49.1