Merge version_2 into main

Merge version_2 into main

src/app/page.tsx

@@ -9,6 +9,7 @@ import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarS
 import PricingCardThree from '@/components/sections/pricing/PricingCardThree';
 import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
 import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
+import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
 import { Sparkles } from "lucide-react";
 
 export default function LandingPage() {
@@ -30,22 +31,14 @@ export default function LandingPage() {
       <NavbarStyleCentered
       navItems={[
         {
-          name: "Services",
-          id: "services",
-        },
+          name: "Services",          id: "services"},
         {
-          name: "About",
-          id: "about",
-        },
+          name: "About",          id: "about"},
         {
-          name: "Contact",
-          id: "contact",
-        },
+          name: "Contact",          id: "contact"},
       ]}
       button={{
-        text: "Book Now",
-        href: "#booking",
-      }}
+        text: "Book Now",        href: "#booking"}}
       brandName="Moli Nails"
     />
   </div>
@@ -56,38 +49,24 @@ export default function LandingPage() {
       description="Trusted Mitcham nail salon with 4.8★ from 160+ happy clients. Experience professional service in a clean, relaxing environment."
       buttons={[
         {
-          text: "Call Now",
-          href: "tel:0400000000",
-        },
+          text: "Call Now",          href: "tel:0400000000"},
         {
-          text: "Book Appointment",
-          href: "#booking",
-        },
+          text: "Book Appointment",          href: "#booking"},
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/empty-wintertime-luxury-ski-resort_482257-102290.jpg"
       imageAlt="Professional manicure work"
       showDimOverlay={true}
       avatars={[
         {
-          src: "http://img.b2bpic.net/free-photo/empty-wintertime-luxury-ski-resort_482257-102290.jpg",
-          alt: "Client 1",
-        },
+          src: "http://img.b2bpic.net/free-photo/empty-wintertime-luxury-ski-resort_482257-102290.jpg",          alt: "Client 1"},
         {
-          src: "http://img.b2bpic.net/free-photo/empty-wintertime-luxury-ski-resort_482257-102290.jpg",
-          alt: "Client 2",
-        },
+          src: "http://img.b2bpic.net/free-photo/empty-wintertime-luxury-ski-resort_482257-102290.jpg",          alt: "Client 2"},
         {
-          src: "http://img.b2bpic.net/free-photo/empty-wintertime-luxury-ski-resort_482257-102290.jpg",
-          alt: "Client 3",
-        },
+          src: "http://img.b2bpic.net/free-photo/empty-wintertime-luxury-ski-resort_482257-102290.jpg",          alt: "Client 3"},
         {
-          src: "http://img.b2bpic.net/free-photo/empty-wintertime-luxury-ski-resort_482257-102290.jpg",
-          alt: "Client 4",
-        },
+          src: "http://img.b2bpic.net/free-photo/empty-wintertime-luxury-ski-resort_482257-102290.jpg",          alt: "Client 4"},
         {
-          src: "http://img.b2bpic.net/free-photo/empty-wintertime-luxury-ski-resort_482257-102290.jpg",
-          alt: "Client 5",
-        },
+          src: "http://img.b2bpic.net/free-photo/empty-wintertime-luxury-ski-resort_482257-102290.jpg",          alt: "Client 5"},
       ]}
       avatarText="Join 160+ happy clients"
     />
@@ -98,14 +77,7 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={true}
       names={[
-        "Sarah M.",
-        "Jessica T.",
-        "Emily R.",
-        "Chloe K.",
-        "Mia L.",
-        "Olivia B.",
-        "Grace P.",
-      ]}
+        "Sarah M.",        "Jessica T.",        "Emily R.",        "Chloe K.",        "Mia L.",        "Olivia B.",        "Grace P."]}
       title="169+ 5-Star Reviews"
       description="Our clients love the attention to detail and our friendly team. Experience long-lasting, quality nails."
     />
@@ -118,51 +90,27 @@ export default function LandingPage() {
       useInvertedBackground={false}
       plans={[
         {
-          id: "manc",
-          price: "$45+",
-          name: "Manicure",
-          features: [
-            "Shellac",
-            "SNS",
-            "BIAB",
-          ],
+          id: "manc",          price: "$45+",          name: "Manicure",          features: [
+            "Shellac",            "SNS",            "BIAB"],
           buttons: [
             {
-              text: "Book Now",
-              href: "#booking",
-            },
+              text: "Book Now",              href: "#booking"},
           ],
         },
         {
-          id: "pedi",
-          price: "$65+",
-          name: "Pedicure",
-          features: [
-            "Classic Polish",
-            "Hot Stones",
-            "Exfoliation",
-          ],
+          id: "pedi",          price: "$65+",          name: "Pedicure",          features: [
+            "Classic Polish",            "Hot Stones",            "Exfoliation"],
           buttons: [
             {
-              text: "Book Now",
-              href: "#booking",
-            },
+              text: "Book Now",              href: "#booking"},
           ],
         },
         {
-          id: "art",
-          price: "$20+",
-          name: "Nail Art",
-          features: [
-            "Custom Designs",
-            "French Tips",
-            "Glitter",
-          ],
+          id: "art",          price: "$20+",          name: "Nail Art",          features: [
+            "Custom Designs",            "French Tips",            "Glitter"],
           buttons: [
             {
-              text: "Book Now",
-              href: "#booking",
-            },
+              text: "Book Now",              href: "#booking"},
           ],
         },
       ]}
@@ -171,6 +119,23 @@ export default function LandingPage() {
     />
   </div>
 
+  <div id="gallery" data-section="gallery">
+      <TestimonialCardTwelve
+      cardTitle="Nail Gallery"
+      cardTag=""
+      cardAnimation="slide-up"
+      useInvertedBackground={false}
+      testimonials={[
+        {
+          id: "img1",          name: "Nail Work 1",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3C2AAevwbgkwA8bQOW6a1YvxSBR/uploaded-1775573588012-yfwb09z9.jpg"
+        },
+        {
+          id: "img2",          name: "Nail Work 2",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3C2AAevwbgkwA8bQOW6a1YvxSBR/uploaded-1775573588013-jnk4w2fe.jpg"
+        }
+      ]}
+    />
+  </div>
+
   <div id="about" data-section="about">
       <TestimonialAboutCard
       useInvertedBackground={true}
@@ -178,7 +143,7 @@ export default function LandingPage() {
       title="A Women-Owned Mitcham Local"
       description="At Moli Nails, we believe in providing a relaxing, clean environment where your experience is our priority."
       subdescription="With years of skill and attention to detail, we ensure every client leaves happy with long-lasting, high-quality nails."
-      imageSrc="http://img.b2bpic.net/free-photo/child-getting-their-hair-washed-salon_23-2150462452.jpg"
+      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3C2AAevwbgkwA8bQOW6a1YvxSBR/uploaded-1775574064049-ek15v1rk.jpg"
       mediaAnimation="slide-up"
       icon={Sparkles}
     />
@@ -188,8 +153,7 @@ export default function LandingPage() {
       <ContactCenter
       useInvertedBackground={false}
       background={{
-        variant: "canvas-reveal",
-      }}
+        variant: "canvas-reveal"}}
       tag="Booking"
       title="Book Your Appointment"
       description="Appointments fill up fast! Send us your details and we'll be in touch to confirm your spot."
@@ -201,34 +165,23 @@ export default function LandingPage() {
       <FooterSimple
       columns={[
         {
-          title: "Location",
-          items: [
+          title: "Location",          items: [
             {
-              label: "Mitcham, VIC",
-              href: "#",
-            },
+              label: "Mitcham, VIC",              href: "#"},
           ],
         },
         {
-          title: "Hours",
-          items: [
+          title: "Hours",          items: [
             {
-              label: "Mon-Sat: 9am-6pm",
-              href: "#",
-            },
+              label: "Mon-Sat: 9am-6pm",              href: "#"},
           ],
         },
         {
-          title: "Quick Links",
-          items: [
+          title: "Quick Links",          items: [
             {
-              label: "Call Us",
-              href: "tel:0400000000",
-            },
+              label: "Call Us",              href: "tel:0400000000"},
             {
-              label: "Book Now",
-              href: "#booking",
-            },
+              label: "Book Now",              href: "#booking"},
           ],
         },
       ]}

src/app/styles/variables.css

@@ -11,14 +11,14 @@
   --background-accent: #ffffff; */
 
   --background: #ffffff;
-  --card: #f9f6f6;
-  --foreground: #2d2a2a;
-  --primary-cta: #d4a5a5;
+  --card: #f9f9f9;
+  --foreground: #000612e6;
+  --primary-cta: #15479c;
   --primary-cta-text: #ffffff;
-  --secondary-cta: #ffffff;
-  --secondary-cta-text: #2d2a2a;
-  --accent: #f3e5e5;
-  --background-accent: #e8dada;
+  --secondary-cta: #f9f9f9;
+  --secondary-cta-text: #000612e6;
+  --accent: #e2e2e2;
+  --background-accent: #c4c4c4;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);