Merge version_2 into main

Merge version_2 into main

src/app/page.tsx

@@ -30,14 +30,10 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarStyleCentered
       navItems={[
-        {
-          name: "Products",          id: "products"},
-        {
-          name: "Science",          id: "science"},
-        {
-          name: "About",          id: "about"},
-        {
-          name: "Contact",          id: "contact"},
+        { name: "Products", id: "/products" },
+        { name: "Science", id: "#science" },
+        { name: "About", id: "#about" },
+        { name: "Contact", id: "#contact" },
       ]}
       brandName="Melbourne Peptide Co."
     />
@@ -45,68 +41,15 @@ export default function LandingPage() {
 
   <div id="hero" data-section="hero">
       <HeroBillboard
-      background={{
-        variant: "sparkles-gradient"}}
+      background={{ variant: "sparkles-gradient" }}
       title="Unlock Your Body's Potential"
       description="Premium Peptides for Enhanced Performance & Wellness. Scientifically formulated. Australian made. Clinically trusted."
       buttons={[
-        {
-          text: "Shop Now",          href: "#products"},
-        {
-          text: "Learn More",          href: "#science"},
+        { text: "Shop Now", href: "/products" },
+        { text: "Learn More", href: "#science" },
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/isolated-screen-laptop-laboratory-displays-dna-visualization-software-used-process-patient_482257-133585.jpg?_wi=1"
       mediaAnimation="blur-reveal"
-      avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/front-view-woman-with-fresh-fruits_23-2150495117.jpg",          alt: "Customer 1"},
-        {
-          src: "http://img.b2bpic.net/free-photo/doctor-with-stethoscope-tablet_23-2148168464.jpg",          alt: "Customer 2"},
-        {
-          src: "http://img.b2bpic.net/free-photo/front-view-woman-with-fresh-fruits_23-2150495117.jpg",          alt: "Customer 3"},
-        {
-          src: "http://img.b2bpic.net/free-photo/doctor-with-stethoscope-tablet_23-2148168464.jpg",          alt: "Customer 4"},
-        {
-          src: "http://img.b2bpic.net/free-photo/front-view-woman-with-fresh-fruits_23-2150495117.jpg",          alt: "Customer 5"},
-      ]}
-      avatarText="Trusted by 5,000+ athletes and professionals"
-      marqueeItems={[
-        {
-          type: "text",          text: "TGA COMPLIANT"},
-        {
-          type: "text",          text: "PHARMACEUTICAL GRADE"},
-        {
-          type: "text",          text: "LAB TESTED"},
-        {
-          type: "text",          text: "AUSTRALIAN MADE"},
-        {
-          type: "text",          text: "CLINICAL QUALITY"},
-      ]}
-    />
-  </div>
-
-  <div id="products" data-section="products">
-      <ProductCardThree
-      animationType="slide-up"
-      textboxLayout="split-description"
-      gridVariant="three-columns-all-equal-width"
-      useInvertedBackground={false}
-      products={[
-        {
-          id: "p1",          name: "Recovery Pro Peptide Complex",          price: "$189",          imageSrc: "http://img.b2bpic.net/free-photo/black-bottle-pills-with-light-blue-label_187299-46204.jpg?_wi=1"},
-        {
-          id: "p2",          name: "Longevity Elite Formula",          price: "$245",          imageSrc: "http://img.b2bpic.net/free-photo/assortment-delicious-fresh-vegetables_23-2148913342.jpg?_wi=1"},
-        {
-          id: "p3",          name: "Performance Max Stack",          price: "$199",          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-pill-containers-foil_23-2148533493.jpg?_wi=1"},
-        {
-          id: "p4",          name: "Vitality Core Booster",          price: "$159",          imageSrc: "http://img.b2bpic.net/free-photo/black-bottle-pills-with-light-blue-label_187299-46204.jpg?_wi=2"},
-        {
-          id: "p5",          name: "Cognitive Focus Blend",          price: "$175",          imageSrc: "http://img.b2bpic.net/free-photo/assortment-delicious-fresh-vegetables_23-2148913342.jpg?_wi=2"},
-        {
-          id: "p6",          name: "Immune Shield Pro",          price: "$145",          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-pill-containers-foil_23-2148533493.jpg?_wi=2"},
-      ]}
-      title="Our Premium Collection"
-      description="Expertly crafted peptide formulas for peak performance."
     />
   </div>
 
@@ -115,18 +58,10 @@ export default function LandingPage() {
       textboxLayout="inline-image"
       useInvertedBackground={false}
       features={[
-        {
-          title: "Pharmaceutical Grade",          description: "99%+ purity ensured by rigorous third-party testing.",          buttonIcon: Shield,
-          imageSrc: "http://img.b2bpic.net/free-photo/isolated-screen-laptop-laboratory-displays-dna-visualization-software-used-process-patient_482257-133585.jpg?_wi=2",          imageAlt: "scientific lab research"},
-        {
-          title: "Locally Crafted",          description: "Proudly manufactured in Melbourne, Australia.",          buttonIcon: Globe,
-          imageSrc: "http://img.b2bpic.net/free-photo/black-bottle-pills-with-light-blue-label_187299-46204.jpg?_wi=3",          imageAlt: "luxury peptide vial"},
-        {
-          title: "Clinically Backed",          description: "Formulated by leading biochemists and peer-reviewed research.",          buttonIcon: FlaskConical,
-          imageSrc: "http://img.b2bpic.net/free-photo/assortment-delicious-fresh-vegetables_23-2148913342.jpg?_wi=3",          imageAlt: "wellness supplement bottle"},
-        {
-          title: "Trusted by Athletes",          description: "Used by professional sports competitors across the nation.",          buttonIcon: Trophy,
-          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-pill-containers-foil_23-2148533493.jpg?_wi=3",          imageAlt: "health supplement stack"},
+        { title: "Pharmaceutical Grade", description: "99%+ purity ensured by rigorous third-party testing.", buttonIcon: Shield },
+        { title: "Locally Crafted", description: "Proudly manufactured in Melbourne, Australia.", buttonIcon: Globe },
+        { title: "Clinically Backed", description: "Formulated by leading biochemists and peer-reviewed research.", buttonIcon: FlaskConical },
+        { title: "Trusted by Athletes", description: "Used by professional sports competitors across the nation.", buttonIcon: Trophy },
       ]}
       title="Why Choose Melbourne Peptide Co."
       description="Experience the pinnacle of Australian pharmaceutical science."
@@ -136,18 +71,7 @@ export default function LandingPage() {
   <div id="testimonials" data-section="testimonials">
       <TestimonialCardTwelve
       useInvertedBackground={false}
-      testimonials={[
-        {
-          id: "t1",          name: "Sarah M.",          imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-with-fresh-fruits_23-2150495117.jpg?_wi=1"},
-        {
-          id: "t2",          name: "Dr. James K.",          imageSrc: "http://img.b2bpic.net/free-photo/doctor-with-stethoscope-tablet_23-2148168464.jpg?_wi=1"},
-        {
-          id: "t3",          name: "Alex R.",          imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-with-fresh-fruits_23-2150495117.jpg?_wi=2"},
-        {
-          id: "t4",          name: "Jordan P.",          imageSrc: "http://img.b2bpic.net/free-photo/doctor-with-stethoscope-tablet_23-2148168464.jpg?_wi=2"},
-        {
-          id: "t5",          name: "Chloe L.",          imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-with-fresh-fruits_23-2150495117.jpg?_wi=3"},
-      ]}
+      testimonials={[]}
       cardTitle="What Our Clients Say"
       cardTag="Trusted Results"
       cardAnimation="slide-up"
@@ -158,14 +82,7 @@ export default function LandingPage() {
       <FaqBase
       textboxLayout="split-description"
       useInvertedBackground={false}
-      faqs={[
-        {
-          id: "f1",          title: "How do peptides work?",          content: "Peptides act as signaling molecules to instruct cellular processes."},
-        {
-          id: "f2",          title: "What testing do you perform?",          content: "We conduct 99%+ purity testing through accredited third-party labs."},
-        {
-          id: "f3",          title: "Are your products TGA compliant?",          content: "Yes, we adhere to strict TGA regulations in all production phases."},
-      ]}
+      faqs={[]}
       title="The Science Behind Our Peptides"
       description="Learn how our advanced formulations work to optimize your health."
       faqsAnimation="blur-reveal"
@@ -175,50 +92,15 @@ export default function LandingPage() {
   <div id="contact" data-section="contact">
       <ContactText
       useInvertedBackground={false}
-      background={{
-        variant: "rotated-rays-animated-grid"}}
+      background={{ variant: "rotated-rays-animated-grid" }}
       text="Ready to unlock your potential? Contact our expert team for consultation."
-      buttons={[
-        {
-          text: "Contact Us",          href: "#"},
-      ]}
+      buttons={[{ text: "Contact Us", href: "#" }]}
     />
   </div>
 
   <div id="footer" data-section="footer">
       <FooterLogoEmphasis
-      columns={[
-        {
-          items: [
-            {
-              label: "About Us",              href: "#"},
-            {
-              label: "Our Story",              href: "#"},
-            {
-              label: "Careers",              href: "#"},
-          ],
-        },
-        {
-          items: [
-            {
-              label: "Recovery Peptides",              href: "#"},
-            {
-              label: "Performance Stack",              href: "#"},
-            {
-              label: "Longevity Series",              href: "#"},
-          ],
-        },
-        {
-          items: [
-            {
-              label: "FAQ",              href: "#"},
-            {
-              label: "Shipping",              href: "#"},
-            {
-              label: "Returns",              href: "#"},
-          ],
-        },
-      ]}
+      columns={[]}
       logoText="Melbourne Peptide Co."
     />
   </div>

src/app/products/page.tsx

@@ -0,0 +1,61 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
+import ProductCardThree from '@/components/sections/product/ProductCardThree';
+import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
+
+export default function ProductsPage() {
+  return (
+    <ThemeProvider
+        defaultButtonVariant="elastic-effect"
+        defaultTextAnimation="reveal-blur"
+        borderRadius="pill"
+        contentWidth="smallMedium"
+        sizing="mediumLargeSizeMediumTitles"
+        background="blurBottom"
+        cardStyle="layered-gradient"
+        primaryButtonStyle="diagonal-gradient"
+        secondaryButtonStyle="layered"
+        headingFontWeight="medium"
+    >
+      <ReactLenis root>
+        <div id="nav" data-section="nav">
+          <NavbarStyleCentered
+            navItems={[
+              { name: "Products", id: "/products" },
+              { name: "Science", id: "/#science" },
+              { name: "About", id: "/#about" },
+              { name: "Contact", id: "/#contact" },
+            ]}
+            brandName="Melbourne Peptide Co."
+          />
+        </div>
+
+        <div id="products" data-section="products">
+          <ProductCardThree
+            animationType="slide-up"
+            textboxLayout="split-description"
+            gridVariant="three-columns-all-equal-width"
+            useInvertedBackground={false}
+            products={[
+              { id: "p1", name: "Recovery Pro Peptide Complex", price: "$189", imageSrc: "http://img.b2bpic.net/free-photo/black-bottle-pills-with-light-blue-label_187299-46204.jpg?_wi=1" },
+              { id: "p2", name: "Longevity Elite Formula", price: "$245", imageSrc: "http://img.b2bpic.net/free-photo/assortment-delicious-fresh-vegetables_23-2148913342.jpg?_wi=1" },
+              { id: "p3", name: "Performance Max Stack", price: "$199", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-pill-containers-foil_23-2148533493.jpg?_wi=1" },
+            ]}
+            title="Our Premium Collection"
+            description="Expertly crafted peptide formulas for peak performance."
+          />
+        </div>
+
+        <div id="footer" data-section="footer">
+          <FooterLogoEmphasis
+            columns={[]}
+            logoText="Melbourne Peptide Co."
+          />
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #ffffff;
-  --card: #f8f9fa;
-  --foreground: #1a2332;
-  --primary-cta: #d4af37;
-  --primary-cta-text: #1a2332;
-  --secondary-cta: #2c5aa0;
-  --secondary-cta-text: #ffffff;
-  --accent: #f8f9fa;
-  --background-accent: #1a2332;
+  --background: #f6f0e9;
+  --card: #efe7dd;
+  --foreground: #2b180a;
+  --primary-cta: #2b180a;
+  --primary-cta-text: #f6f0e9;
+  --secondary-cta: #efe7dd;
+  --secondary-cta-text: #2b180a;
+  --accent: #94877c;
+  --background-accent: #afa094;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);