Update src/app/page.tsx

Merge version_1 into main

src/app/page.tsx

@@ -2,19 +2,18 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactCTA from '@/components/sections/contact/ContactCTA';
+import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
-import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
+import FaqDouble from '@/components/sections/faq/FaqDouble';
-import FeatureCardEight from '@/components/sections/feature/FeatureCardEight';
+import FeatureCardTwentyNine from '@/components/sections/feature/featureCardTwentyNine/FeatureCardTwentyNine';
-import FooterCard from '@/components/sections/footer/FooterCard';
+import FooterMedia from '@/components/sections/footer/FooterMedia';
-import HeroBillboard from '@/components/sections/hero/HeroBillboard';
+import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
-import MediaAbout from '@/components/sections/about/MediaAbout';
+import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
-import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
+import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
 import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
-import PricingCardNine from '@/components/sections/pricing/PricingCardNine';
+import PricingCardTwo from '@/components/sections/pricing/PricingCardTwo';
-import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
+import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
-import { Facebook, Instagram } from "lucide-react";
 
-export default function LandingPage() {
+export default function AnatomyPage() {
   return (
     <ThemeProvider
         defaultButtonVariant="bounce-effect"
@@ -29,319 +28,135 @@ export default function LandingPage() {
         headingFontWeight="semibold"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
+        <div id="nav" data-section="nav">
-      <NavbarStyleApple
+          <NavbarStyleApple
-      navItems={[
+            navItems={[
-        {
+              { name: "About", id: "about" },
-          name: "About",
+              { name: "Features", id: "features" },
-          id: "about",
+              { name: "Services", id: "services" },
-        },
+              { name: "Contact", id: "contact" },
-        {
+            ]}
-          name: "Services",
+            brandName="AnatomyPro"
-          id: "services",
+          />
-        },
+        </div>
-        {
-          name: "Pricing",
-          id: "pricing",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
-      ]}
-      brandName="Chef Artisan"
-    />
-  </div>
 
-  <div id="hero" data-section="hero">
+        <div id="hero" data-section="hero">
-      <HeroBillboard
+          <HeroSplitKpi
-      background={{
+            background={{ variant: "gradient-bars" }}
-        variant: "plain",
+            title="Unlocking Human Anatomy"
-      }}
+            description="Discover the complexities of the human body through advanced interactive visualization and expert-led curriculum."
-      title="Exquisite Culinary Art, Delivered to Your Home"
+            kpis={[
-      description="Transform your private events into unforgettable gastronomic experiences with bespoke menus crafted by a master chef in your own kitchen."
+              { value: "500+", label: "Biological Models" },
-      buttons={[
+              { value: "2M+", label: "Learners Engaged" },
-        {
+              { value: "98%", label: "Retention Rate" },
-          text: "Book Your Chef",
+            ]}
-          href: "#contact",
+            enableKpiAnimation={true}
-        },
+            buttons={[{ text: "Explore Atlas", href: "#features" }]}
-      ]}
+            imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=95k32v&_wi=1"
-      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=95k32v&_wi=1"
+          />
-      imageAlt="Chef preparing a gourmet dish"
+        </div>
-      mediaAnimation="blur-reveal"
-      avatars={[
-        {
-          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=y2ghrw",
-          alt: "Happy client 1",
-        },
-        {
-          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=dmxnop",
-          alt: "Happy client 2",
-        },
-        {
-          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=6kves4",
-          alt: "Happy client 3",
-        },
-        {
-          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=rrktnv",
-          alt: "Happy client 4",
-        },
-        {
-          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=u01shw",
-          alt: "Happy client 5",
-        },
-      ]}
-      avatarText="Trusted by 500+ satisfied clients"
-      marqueeItems={[
-        {
-          type: "text",
-          text: "Michelin Experience",
-        },
-        {
-          type: "text",
-          text: "Sustainable Sourcing",
-        },
-        {
-          type: "text",
-          text: "Bespoke Menus",
-        },
-        {
-          type: "text",
-          text: "Artistic Plating",
-        },
-        {
-          type: "text",
-          text: "Premium Private Service",
-        },
-      ]}
-    />
-  </div>
 
-  <div id="about" data-section="about">
+        <div id="about" data-section="about">
-      <MediaAbout
+          <InlineImageSplitTextAbout
-      useInvertedBackground={false}
+            useInvertedBackground={false}
-      title="Crafting Memories One Plate at a Time"
+            heading={[
-      description="With over 15 years in Michelin-starred kitchens, I bring passion, technical precision, and the finest local ingredients to your table, ensuring every meal is a masterpiece."
+              { type: "text", content: "Bridging Science " },
-      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=skaxbu&_wi=1"
+              { type: "image", src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=skaxbu", alt: "DNA" },
-      imageAlt="Chef working in a modern kitchen"
+              { type: "text", content: " and Education" }
-    />
+            ]}
-  </div>
+            buttons={[{ text: "Our Mission" }]}
+          />
+        </div>
 
-  <div id="features" data-section="features">
+        <div id="features" data-section="features">
-      <FeatureCardEight
+          <FeatureCardTwentyNine
-      textboxLayout="split"
+            useInvertedBackground={false}
-      useInvertedBackground={false}
+            title="Comprehensive Study Tools"
-      features={[
+            description="From musculoskeletal systems to neurological pathways, master every detail."
-        {
+            textboxLayout="inline-image"
-          title: "Farm-to-Table Freshness",
+            gridVariant="bento-grid"
-          description: "Menus designed around seasonal, sustainable produce sourced daily.",
+            animationType="blur-reveal"
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=5dtlqa&_wi=1",
+            features={[
-          imageAlt: "Fresh vegetables",
+              { title: "Musculoskeletal Mastery", description: "Deep dive into movement mechanics.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=5dtlqa", titleImageSrc: "", buttonText: "Learn More" },
-        },
+              { title: "Neurological Mapping", description: "Trace the nerves of the entire body.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=peqilq", titleImageSrc: "", buttonText: "Learn More" }
-        {
+            ]}
-          title: "Artistic Plating",
+          />
-          description: "Every dish is visually curated to provide a stunning culinary aesthetic.",
+        </div>
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=peqilq",
-          imageAlt: "Gourmet plating",
-        },
-        {
-          title: "Bespoke Service",
-          description: "Menu tailored specifically to your taste buds and dietary requirements.",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=g27aoa",
-          imageAlt: "Custom dining table",
-        },
-      ]}
-      title="Why Choose a Private Culinary Experience?"
-      description="Experience professional dining without the crowded restaurants."
-    />
-  </div>
 
-  <div id="services" data-section="services">
+        <div id="services" data-section="services">
-      <PricingCardNine
+          <PricingCardTwo
-      animationType="slide-up"
+            useInvertedBackground={false}
-      textboxLayout="default"
+            title="Curriculum Tiers"
-      useInvertedBackground={false}
+            description="Choose the plan that best fits your educational journey."
-      plans={[
+            animationType="scale-rotate"
-        {
+            textboxLayout="default"
-          id: "pkg1",
+            plans={[
-          title: "Intimate Dinner",
+              { id: "student", badge: "Starter", price: "$19", subtitle: "For individual students", features: ["Access to basic modules", "Mobile app access"], buttons: [{ text: "Get Started" }] },
-          price: "$350",
+              { id: "pro", badge: "Professional", price: "$49", subtitle: "For medical practitioners", features: ["Full atlas access", "Advanced certification"], buttons: [{ text: "Go Pro" }] }
-          period: "/event",
+            ]}
-          features: [
+          />
-            "3-Course Meal",
+        </div>
-            "Menu Customization",
-            "Table Cleanup",
-          ],
-          button: {
-            text: "Choose Package",
-          },
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=95k32v&_wi=2",
-          imageAlt: "private chef gourmet plate",
-        },
-        {
-          id: "pkg2",
-          title: "Fine Dining Gala",
-          price: "$750",
-          period: "/event",
-          features: [
-            "5-Course Tasting",
-            "Wine Pairing Consult",
-            "Private Staffing",
-          ],
-          button: {
-            text: "Choose Package",
-          },
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=skaxbu&_wi=2",
-          imageAlt: "private chef gourmet plate",
-        },
-        {
-          id: "pkg3",
-          title: "Cooking Masterclass",
-          price: "$500",
-          period: "/session",
-          features: [
-            "Hands-on Workshop",
-            "Recipe Cards",
-            "Wine & Appetizers",
-          ],
-          button: {
-            text: "Choose Package",
-          },
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=5dtlqa&_wi=2",
-          imageAlt: "private chef gourmet plate",
-        },
-      ]}
-      title="Culinary Packages"
-      description="Transparent pricing for elevated dining experiences."
-    />
-  </div>
 
-  <div id="metrics" data-section="metrics">
+        <div id="metrics" data-section="metrics">
-      <MetricCardTwo
+          <MetricCardEleven
-      animationType="slide-up"
+            title="Precision at Scale"
-      textboxLayout="default"
+            description="Proven results in medical education environments."
-      gridVariant="uniform-all-items-equal"
+            animationType="blur-reveal"
-      useInvertedBackground={false}
+            textboxLayout="default"
-      metrics={[
+            useInvertedBackground={false}
-        {
+            metrics={[
-          id: "m1",
+              { id: "1", value: "99.9%", title: "Anatomical Accuracy", description: "Verified by top surgeons", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=dnks0j" }
-          value: "500+",
+            ]}
-          description: "Events Catered",
+          />
-        },
+        </div>
-        {
-          id: "m2",
-          value: "15+",
-          description: "Years Experience",
-        },
-        {
-          id: "m3",
-          value: "99%",
-          description: "Client Satisfaction",
-        },
-      ]}
-      title="Milestones of Taste"
-      description="Delivering excellence consistently."
-    />
-  </div>
 
-  <div id="testimonials" data-section="testimonials">
+        <div id="testimonials" data-section="testimonials">
-      <TestimonialCardFifteen
+          <TestimonialCardTwelve
-      useInvertedBackground={false}
+            useInvertedBackground={false}
-      testimonial="The culinary experience was absolutely beyond expectation. Each course was a journey of flavors and the service was impeccable."
+            cardTitle="Trusted by Universities"
-      rating={5}
+            cardTag="Partnerships"
-      author="Marcus Thorne, Tech Founder"
+            cardAnimation="blur-reveal"
-      avatars={[
+            testimonials={[
-        {
+              { id: "1", name: "Dr. Aris Thorne", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=y2ghrw" }
-          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=y2ghrw",
+            ]}
-          alt: "Client 1",
+          />
-        },
+        </div>
-        {
-          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=dmxnop",
-          alt: "Client 2",
-        },
-        {
-          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=6kves4",
-          alt: "Client 3",
-        },
-        {
-          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=rrktnv",
-          alt: "Client 4",
-        },
-        {
-          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=u01shw",
-          alt: "Client 5",
-        },
-      ]}
-      ratingAnimation="slide-up"
-      avatarsAnimation="blur-reveal"
-    />
-  </div>
 
-  <div id="faq" data-section="faq">
+        <div id="faq" data-section="faq">
-      <FaqSplitMedia
+          <FaqDouble
-      textboxLayout="default"
+            useInvertedBackground={false}
-      useInvertedBackground={false}
+            title="Frequently Asked Questions"
-      faqs={[
+            faqsAnimation="slide-up"
-        {
+            textboxLayout="default"
-          id: "f1",
+            description="Answers to your most common questions."
-          title: "Do you cater for dietary allergies?",
+            faqs={[
-          content: "Absolutely. Menus are fully customized to accommodate all allergies and requirements.",
+              { id: "1", title: "Is the atlas updated regularly?", content: "Yes, our database is updated monthly to include latest findings." },
-        },
+              { id: "2", title: "Can I export models?", content: "Yes, professional tier members can export high-res files." }
-        {
+            ]}
-          id: "f2",
+          />
-          title: "How far in advance should I book?",
+        </div>
-          content: "I recommend booking at least 2-4 weeks in advance for weekend events.",
-        },
-        {
-          id: "f3",
-          title: "Do you provide your own ingredients?",
-          content: "Yes, I source all ingredients fresh on the day of your event.",
-        },
-      ]}
-      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=dnks0j"
-      mediaAnimation="opacity"
-      title="Culinary Questions?"
-      description="Everything you need to know about our services."
-      faqsAnimation="slide-up"
-    />
-  </div>
 
-  <div id="contact" data-section="contact">
+        <div id="contact" data-section="contact">
-      <ContactCTA
+          <ContactSplitForm
-      useInvertedBackground={false}
+            useInvertedBackground={false}
-      background={{
+            title="Ready to explore?"
-        variant: "plain",
+            description="Reach out to our academic liaison for a demo."
-      }}
+            inputs={[
-      tag="Ready to Eat?"
+              { name: "name", type: "text", placeholder: "Name" },
-      title="Book Your Private Chef Experience"
+              { name: "email", type: "email", placeholder: "Email" }
-      description="Fill out the form or email me directly to discuss your custom menu and event requirements."
+            ]}
-      buttons={[
+          />
-        {
+        </div>
-          text: "Contact Chef",
-          href: "mailto:chef@example.com",
-        },
-      ]}
-    />
-  </div>
 
-  <div id="footer" data-section="footer">
+        <div id="footer" data-section="footer">
-      <FooterCard
+          <FooterMedia
-      logoText="Chef Artisan"
+            logoText="AnatomyPro"
-      copyrightText="© 2025 Chef Artisan. All rights reserved."
+            imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=95k32v"
-      socialLinks={[
+            columns={[
-        {
+              { title: "Resources", items: [{ label: "Atlas", href: "#" }, { label: "Labs", href: "#" }] }
-          icon: Instagram,
+            ]}
-          href: "#",
+          />
-          ariaLabel: "Instagram",
+        </div>
-        },
-        {
-          icon: Facebook,
-          href: "#",
-          ariaLabel: "Facebook",
-        },
-      ]}
-    />
-  </div>
       </ReactLenis>
     </ThemeProvider>
   );