Merge version_4 into main

Update theme colors
2026-04-15 20:04:53 +00:00 · 2026-04-15 20:04:50 +00:00 · 2026-04-15 20:04:43 +00:00 · 2026-04-15 20:04:40 +00:00 · 2026-04-15 20:03:17 +00:00 · 2026-04-15 20:03:14 +00:00
2 changed files with 139 additions and 324 deletions
--- a/src/app/page.tsx
+++ b/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 FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
-import FeatureCardEight from '@/components/sections/feature/FeatureCardEight';
-import FooterCard from '@/components/sections/footer/FooterCard';
-import HeroBillboard from '@/components/sections/hero/HeroBillboard';
-import MediaAbout from '@/components/sections/about/MediaAbout';
-import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
+import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
+import FaqDouble from '@/components/sections/faq/FaqDouble';
+import FeatureCardTwentyNine from '@/components/sections/feature/featureCardTwentyNine/FeatureCardTwentyNine';
+import FooterMedia from '@/components/sections/footer/FooterMedia';
+import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
+import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
+import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
 import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
-import PricingCardNine from '@/components/sections/pricing/PricingCardNine';
-import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
-import { Facebook, Instagram } from "lucide-react";
+import PricingCardTwo from '@/components/sections/pricing/PricingCardTwo';
+import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';

-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">
-      <NavbarStyleApple
-      navItems={[
-        {
-          name: "About",
-          id: "about",
-        },
-        {
-          name: "Services",
-          id: "services",
-        },
-        {
-          name: "Pricing",
-          id: "pricing",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
-      ]}
-      brandName="Chef Artisan"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarStyleApple
+            navItems={[
+              { name: "About", id: "about" },
+              { name: "Features", id: "features" },
+              { name: "Services", id: "services" },
+              { name: "Contact", id: "contact" },
+            ]}
+            brandName="AnatomyPro"
+          />
+        </div>

-  <div id="hero" data-section="hero">
-      <HeroBillboard
-      background={{
-        variant: "plain",
-      }}
-      title="Exquisite Culinary Art, Delivered to Your Home"
-      description="Transform your private events into unforgettable gastronomic experiences with bespoke menus crafted by a master chef in your own kitchen."
-      buttons={[
-        {
-          text: "Book Your Chef",
-          href: "#contact",
-        },
-      ]}
-      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=95k32v&_wi=1"
-      imageAlt="Chef preparing a gourmet dish"
-      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="hero" data-section="hero">
+          <HeroSplitKpi
+            background={{ variant: "gradient-bars" }}
+            title="Unlocking Human Anatomy"
+            description="Discover the complexities of the human body through advanced interactive visualization and expert-led curriculum."
+            kpis={[
+              { value: "500+", label: "Biological Models" },
+              { value: "2M+", label: "Learners Engaged" },
+              { value: "98%", label: "Retention Rate" },
+            ]}
+            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"
+          />
+        </div>

-  <div id="about" data-section="about">
-      <MediaAbout
-      useInvertedBackground={false}
-      title="Crafting Memories One Plate at a Time"
-      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."
-      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=skaxbu&_wi=1"
-      imageAlt="Chef working in a modern kitchen"
-    />
-  </div>
+        <div id="about" data-section="about">
+          <InlineImageSplitTextAbout
+            useInvertedBackground={false}
+            heading={[
+              { type: "text", content: "Bridging Science " },
+              { type: "image", src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=skaxbu", alt: "DNA" },
+              { type: "text", content: " and Education" }
+            ]}
+            buttons={[{ text: "Our Mission" }]}
+          />
+        </div>

-  <div id="features" data-section="features">
-      <FeatureCardEight
-      textboxLayout="split"
-      useInvertedBackground={false}
-      features={[
-        {
-          title: "Farm-to-Table Freshness",
-          description: "Menus designed around seasonal, sustainable produce sourced daily.",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=5dtlqa&_wi=1",
-          imageAlt: "Fresh vegetables",
-        },
-        {
-          title: "Artistic Plating",
-          description: "Every dish is visually curated to provide a stunning culinary aesthetic.",
-          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="features" data-section="features">
+          <FeatureCardTwentyNine
+            useInvertedBackground={false}
+            title="Comprehensive Study Tools"
+            description="From musculoskeletal systems to neurological pathways, master every detail."
+            textboxLayout="inline-image"
+            gridVariant="bento-grid"
+            animationType="blur-reveal"
+            features={[
+              { 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" }
+            ]}
+          />
+        </div>

-  <div id="services" data-section="services">
-      <PricingCardNine
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={false}
-      plans={[
-        {
-          id: "pkg1",
-          title: "Intimate Dinner",
-          price: "$350",
-          period: "/event",
-          features: [
-            "3-Course Meal",
-            "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="services" data-section="services">
+          <PricingCardTwo
+            useInvertedBackground={false}
+            title="Curriculum Tiers"
+            description="Choose the plan that best fits your educational journey."
+            animationType="scale-rotate"
+            textboxLayout="default"
+            plans={[
+              { id: "student", badge: "Starter", price: "$19", subtitle: "For individual students", features: ["Access to basic modules", "Mobile app access"], buttons: [{ text: "Get Started" }] },
+              { id: "pro", badge: "Professional", price: "$49", subtitle: "For medical practitioners", features: ["Full atlas access", "Advanced certification"], buttons: [{ text: "Go Pro" }] }
+            ]}
+          />
+        </div>

-  <div id="metrics" data-section="metrics">
-      <MetricCardTwo
-      animationType="slide-up"
-      textboxLayout="default"
-      gridVariant="uniform-all-items-equal"
-      useInvertedBackground={false}
-      metrics={[
-        {
-          id: "m1",
-          value: "500+",
-          description: "Events Catered",
-        },
-        {
-          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="metrics" data-section="metrics">
+          <MetricCardEleven
+            title="Precision at Scale"
+            description="Proven results in medical education environments."
+            animationType="blur-reveal"
+            textboxLayout="default"
+            useInvertedBackground={false}
+            metrics={[
+              { 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" }
+            ]}
+          />
+        </div>

-  <div id="testimonials" data-section="testimonials">
-      <TestimonialCardFifteen
-      useInvertedBackground={false}
-      testimonial="The culinary experience was absolutely beyond expectation. Each course was a journey of flavors and the service was impeccable."
-      rating={5}
-      author="Marcus Thorne, Tech Founder"
-      avatars={[
-        {
-          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=y2ghrw",
-          alt: "Client 1",
-        },
-        {
-          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="testimonials" data-section="testimonials">
+          <TestimonialCardTwelve
+            useInvertedBackground={false}
+            cardTitle="Trusted by Universities"
+            cardTag="Partnerships"
+            cardAnimation="blur-reveal"
+            testimonials={[
+              { id: "1", name: "Dr. Aris Thorne", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=y2ghrw" }
+            ]}
+          />
+        </div>

-  <div id="faq" data-section="faq">
-      <FaqSplitMedia
-      textboxLayout="default"
-      useInvertedBackground={false}
-      faqs={[
-        {
-          id: "f1",
-          title: "Do you cater for dietary allergies?",
-          content: "Absolutely. Menus are fully customized to accommodate all allergies and requirements.",
-        },
-        {
-          id: "f2",
-          title: "How far in advance should I book?",
-          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="faq" data-section="faq">
+          <FaqDouble
+            useInvertedBackground={false}
+            title="Frequently Asked Questions"
+            faqsAnimation="slide-up"
+            textboxLayout="default"
+            description="Answers to your most common questions."
+            faqs={[
+              { 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." }
+            ]}
+          />
+        </div>

-  <div id="contact" data-section="contact">
-      <ContactCTA
-      useInvertedBackground={false}
-      background={{
-        variant: "plain",
-      }}
-      tag="Ready to Eat?"
-      title="Book Your Private Chef Experience"
-      description="Fill out the form or email me directly to discuss your custom menu and event requirements."
-      buttons={[
-        {
-          text: "Contact Chef",
-          href: "mailto:chef@example.com",
-        },
-      ]}
-    />
-  </div>
+        <div id="contact" data-section="contact">
+          <ContactSplitForm
+            useInvertedBackground={false}
+            title="Ready to explore?"
+            description="Reach out to our academic liaison for a demo."
+            inputs={[
+              { name: "name", type: "text", placeholder: "Name" },
+              { name: "email", type: "email", placeholder: "Email" }
+            ]}
+          />
+        </div>

-  <div id="footer" data-section="footer">
-      <FooterCard
-      logoText="Chef Artisan"
-      copyrightText="© 2025 Chef Artisan. All rights reserved."
-      socialLinks={[
-        {
-          icon: Instagram,
-          href: "#",
-          ariaLabel: "Instagram",
-        },
-        {
-          icon: Facebook,
-          href: "#",
-          ariaLabel: "Facebook",
-        },
-      ]}
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterMedia
+            logoText="AnatomyPro"
+            imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=95k32v"
+            columns={[
+              { title: "Resources", items: [{ label: "Atlas", href: "#" }, { label: "Labs", href: "#" }] }
+            ]}
+          />
+        </div>
      </ReactLenis>
    </ThemeProvider>
  );
--- a/src/app/styles/variables.css
+++ b/src/app/styles/variables.css
@@ -10,15 +10,15 @@
  --accent: #ffffff;
  --background-accent: #ffffff; */

-  --background: #f5f4ef;
-  --card: #dad6cd;
-  --foreground: #2a2928;
-  --primary-cta: #2a2928;
-  --primary-cta-text: #f5f4ef;
-  --secondary-cta: #ecebea;
-  --secondary-cta-text: #2a2928;
-  --accent: #ffffff;
-  --background-accent: #c6b180;
+  --background: #ffffff;
+  --card: #f9f9f9;
+  --foreground: #000612e6;
+  --primary-cta: #106EFB;
+  --primary-cta-text: #ffffff;
+  --secondary-cta: #f9f9f9;
+  --secondary-cta-text: #000612e6;
+  --accent: #e2e2e2;
+  --background-accent: #106EFB;

  /* text sizing - set by ThemeProvider */
  /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
Author	SHA1	Message	Date
bender	84b0550650	Merge version_4 into main Merge version_4 into main	2026-04-15 20:04:53 +00:00
bender	1170767e42	Update theme colors	2026-04-15 20:04:50 +00:00
bender	00520a1c30	Merge version_3 into main Merge version_3 into main	2026-04-15 20:04:43 +00:00
bender	6509d901e3	Update theme colors	2026-04-15 20:04:40 +00:00
bender	afe3ad6dd8	Merge version_2 into main Merge version_2 into main	2026-04-15 20:03:17 +00:00
bender	5066ca5824	Update src/app/page.tsx	2026-04-15 20:03:14 +00:00
bender	1cb55aef38	Merge version_2 into main Merge version_2 into main	2026-04-15 20:02:47 +00:00
bender	59569755a2	Update src/app/page.tsx	2026-04-15 20:02:44 +00:00
bender	d92fa62463	Merge version_2 into main Merge version_2 into main	2026-04-15 20:02:16 +00:00
bender	a8044bbb4a	Update src/app/page.tsx	2026-04-15 20:02:13 +00:00
bender	750263c016	Merge version_1 into main Merge version_1 into main	2026-04-15 20:01:32 +00:00