Update src/app/page.tsx

src/app/page.tsx

@@ -9,42 +9,30 @@ import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
 import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
 import PricingCardEight from '@/components/sections/pricing/PricingCardEight';
 import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
-import { Star } from "lucide-react";
+import { Star, Sparkles, Heart } from "lucide-react";
 
 export default function LandingPage() {
   return (
     <ThemeProvider
         defaultButtonVariant="expand-hover"
         defaultTextAnimation="reveal-blur"
-        borderRadius="pill"
+        borderRadius="soft"
-        contentWidth="compact"
+        contentWidth="medium"
-        sizing="largeSmall"
+        sizing="largeSizeMediumTitles"
-        background="fluid"
+        background="noiseDiagonalGradient"
-        cardStyle="layered-gradient"
+        cardStyle="glass-elevated"
-        primaryButtonStyle="double-inset"
+        primaryButtonStyle="primary-glow"
-        secondaryButtonStyle="solid"
+        secondaryButtonStyle="glass"
-        headingFontWeight="light"
+        headingFontWeight="medium"
     >
       <ReactLenis root>
   <div id="nav" data-section="nav">
       <NavbarStyleApple
       navItems={[
-        {
+        { name: "Home", id: "hero" },
-          name: "Home",
+        { name: "Services", id: "services" },
-          id: "hero",
+        { name: "Reviews", id: "testimonials" },
-        },
+        { name: "Contact", id: "contact" },
-        {
-          name: "Services",
-          id: "services",
-        },
-        {
-          name: "Reviews",
-          id: "testimonials",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
       ]}
       brandName="Q-Nails"
     />
@@ -52,42 +40,16 @@ export default function LandingPage() {
 
   <div id="hero" data-section="hero">
       <HeroBillboardCarousel
-      background={{
+      background={{ variant: "sparkles-gradient" }}
-        variant: "gradient-bars",
+      tag="Professional Care"
-      }}
+      tagIcon={Sparkles}
-      title="Professional Nail Care in Pleasant Hill"
+      title="Relaxation Redefined at Q-Nails"
-      description="Experience superior manicures, acrylics, and relaxing pedicures. A trusted salon for over a decade."
+      description="Treat yourself to premium nail services in our tranquil Pleasant Hill studio. Expert technicians, premium products, and a relaxing environment."
-      buttons={[
+      buttons={[{ text: "Book Appointment", href: "tel:9257980606" }]}
-        {
-          text: "Book Now",
-          href: "tel:9257980606",
-        },
-      ]}
       mediaItems={[
-        {
+        { imageSrc: "http://img.b2bpic.net/free-photo/top-view-composition-spa-objects_23-2148099244.jpg", imageAlt: "Spa setting" },
-          imageSrc: "http://img.b2bpic.net/free-photo/top-view-composition-spa-objects_23-2148099244.jpg",
+        { imageSrc: "http://img.b2bpic.net/free-photo/still-life-beauty-products-spreading-out_23-2151345082.jpg", imageAlt: "Nail care" },
-          imageAlt: "Manicure Service",
+        { imageSrc: "http://img.b2bpic.net/free-photo/close-up-nail-care-treatment_23-2149262879.jpg", imageAlt: "Manicure detail" }
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/still-life-beauty-products-spreading-out_23-2151345082.jpg",
-          imageAlt: "Nail Art",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-male-self-care-setting-still-life_23-2150326589.jpg",
-          imageAlt: "Spa Chair",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-female-manicure-pink-t-shirt-with-black-gloves-black-mask-sitting-front-table-with-bored-expression-blue_140725-24244.jpg",
-          imageAlt: "Nail Technician",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-nail-care-treatment_23-2149262879.jpg",
-          imageAlt: "Salon Vibe",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-female-manicure-pink-t-shirt-with-black-gloves-black-mask-sitting-front-table-smiling-with-call-out-blue_140725-24234.jpg",
-          imageAlt: "Pedicure Station",
-        },
       ]}
     />
   </div>
@@ -96,143 +58,67 @@ export default function LandingPage() {
       <PricingCardEight
       animationType="slide-up"
       textboxLayout="split"
+      title="Our Signature Services"
+      description="Whether you need a quick refresh or a deep relaxation session, our menu offers a variety of tailored nail treatments."
       useInvertedBackground={false}
       plans={[
         {
-          id: "manicure",
+          id: "p1",          badge: "Classic",          badgeIcon: Star,
-          badge: "Essential",
+          price: "$30",          subtitle: "Essential Manicure",          features: ["Nail Shaping", "Cuticle Care", "Buffing", "Polish Application"],
-          price: "From $25",
+          buttons: [{ text: "Book Now", href: "tel:9257980606" }]
-          subtitle: "Manicure & Polish",
-          buttons: [
-            {
-              text: "Book Now",
-              href: "tel:9257980606",
-            },
-          ],
-          features: [
-            "Nail shaping",
-            "Cuticle work",
-            "Polish application",
-          ],
         },
         {
-          id: "acrylics",
+          id: "p2",          badge: "Signature",          badgeIcon: Heart,
-          badge: "Popular",
+          price: "$55",          subtitle: "Luxury Pedicure",          features: ["Foot Soak", "Callus Removal", "Sugar Scrub", "Deep Massage", "Hot Towel"],
-          price: "From $45",
+          buttons: [{ text: "Book Now", href: "tel:9257980606" }]
-          subtitle: "Acrylic Nails",
-          buttons: [
-            {
-              text: "Book Now",
-              href: "tel:9257980606",
-            },
-          ],
-          features: [
-            "Full set",
-            "Fill-ins",
-            "Long-lasting finish",
-          ],
         },
         {
-          id: "pedicure",
+          id: "p3",          badge: "Trending",          price: "$65",          subtitle: "Gel Full Set",          features: ["Gel Application", "Extension", "Long-Lasting Shine", "Expert Art"],
-          badge: "Relaxing",
+          buttons: [{ text: "Book Now", href: "tel:9257980606" }]
-          price: "From $35",
+        }
-          subtitle: "Pedicure Services",
-          buttons: [
-            {
-              text: "Book Now",
-              href: "tel:9257980606",
-            },
-          ],
-          features: [
-            "Foot soak",
-            "Callus removal",
-            "Exfoliation",
-          ],
-        },
       ]}
-      title="Our Professional Services"
-      description="Comprehensive nail and waxing treatments for your self-care."
     />
   </div>
 
   <div id="testimonials" data-section="testimonials">
       <TestimonialCardTwelve
+      cardTitle="What Our Clients Say"
+      cardTag="Client Highlights"
+      cardAnimation="blur-reveal"
       useInvertedBackground={false}
       testimonials={[
-        {
+        { id: "1", name: "Jessica S.", imageSrc: "http://img.b2bpic.net/free-photo/woman-wearing-pajamas-while-sitting-bed_273609-13215.jpg" },
-          id: "1",
+        { id: "2", name: "Mark D.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-shot-pretty-woman-with-perfect-teeth-dark-clean-skin-having-rest-indoors-smiling-happily-after-received-good-positive-news_273609-1248.jpg" },
-          name: "Sarah J.",
+        { id: "3", name: "Elaine T.", imageSrc: "http://img.b2bpic.net/free-photo/nail-hygiene-care-happy-client_23-2148766586.jpg" }
-          imageSrc: "http://img.b2bpic.net/free-photo/woman-wearing-pajamas-while-sitting-bed_273609-13215.jpg",
-        },
-        {
-          id: "2",
-          name: "Michael C.",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-shot-pretty-woman-with-perfect-teeth-dark-clean-skin-having-rest-indoors-smiling-happily-after-received-good-positive-news_273609-1248.jpg",
-        },
-        {
-          id: "3",
-          name: "Emily R.",
-          imageSrc: "http://img.b2bpic.net/free-photo/nail-hygiene-care-happy-client_23-2148766586.jpg",
-        },
-        {
-          id: "4",
-          name: "David K.",
-          imageSrc: "http://img.b2bpic.net/free-photo/after-bath_1098-14737.jpg",
-        },
-        {
-          id: "5",
-          name: "Jessica M.",
-          imageSrc: "http://img.b2bpic.net/free-photo/team-bride-celebrating-before-wedding_23-2149329119.jpg",
-        },
       ]}
-      cardTitle="Loved by Our Community"
-      cardTag="Reviews"
-      cardAnimation="blur-reveal"
     />
   </div>
 
   <div id="metric" data-section="metric">
       <MetricCardTwo
-      animationType="slide-up"
+      title="Salon Experience"
-      textboxLayout="default"
+      description="Over a decade of bringing beauty and relaxation to Pleasant Hill residents."
       gridVariant="uniform-all-items-equal"
+      animationType="slide-up"
+      textboxLayout="split"
       useInvertedBackground={false}
-      title="Our Salon Milestones"
-      description="Dedication to quality, comfort, and care that our clients have trusted for years."
-      tag="Expertise"
-      tagIcon={Star}
       metrics={[
-        {
+        { id: "m1", value: "10+ Years", description: "Serving our local community" },
-          id: "m1",
+        { id: "m2", value: "5k+ Smiles", description: "Happy clients treated" },
-          value: "10+",
+        { id: "m3", value: "15+ Services", description: "Custom nail care solutions" }
-          description: "Years of Excellence",
-        },
-        {
-          id: "m2",
-          value: "5k+",
-          description: "Happy Clients Served",
-        },
-        {
-          id: "m3",
-          value: "15+",
-          description: "Professional Treatments",
-        },
       ]}
     />
   </div>
 
   <div id="contact" data-section="contact">
       <ContactSplit
-      useInvertedBackground={false}
+      tag="Get in Touch"
-      background={{
+      title="Visit Us Today"
-        variant: "plain",
+      description="We are located at 508 Contra Costa Blvd ste f, Pleasant Hill, CA 94523. Give us a call at (925) 798-0606 to schedule your session."
-      }}
-      tag="Visit Us"
-      title="Come See Us Today"
-      description="508 Contra Costa Blvd ste f, Pleasant Hill, CA 94523. Book your appointment at (925) 798-0606."
       imageSrc="http://img.b2bpic.net/free-photo/italy-architecture-outdoor-landmark-europe_1203-6325.jpg"
-      mediaAnimation="slide-up"
+      background={{ variant: "plain" }}
       mediaPosition="right"
+      useInvertedBackground={false}
     />
   </div>
 
@@ -240,51 +126,10 @@ export default function LandingPage() {
       <FooterBaseReveal
       logoText="Q-Nails"
       columns={[
-        {
+        { title: "Our Services", items: [{ label: "Manicures", href: "#services" }, { label: "Pedicures", href: "#services" }, { label: "Acrylics", href: "#services" }] },
-          title: "Services",
+        { title: "Visit", items: [{ label: "Book Now", href: "tel:9257980606" }, { label: "Location", href: "#contact" }] }
-          items: [
-            {
-              label: "Manicures",
-              href: "#services",
-            },
-            {
-              label: "Pedicures",
-              href: "#services",
-            },
-            {
-              label: "Acrylics",
-              href: "#services",
-            },
-          ],
-        },
-        {
-          title: "Company",
-          items: [
-            {
-              label: "About Us",
-              href: "#",
-            },
-            {
-              label: "Book Appointment",
-              href: "tel:9257980606",
-            },
-          ],
-        },
-        {
-          title: "Support",
-          items: [
-            {
-              label: "Privacy Policy",
-              href: "#",
-            },
-            {
-              label: "Contact Us",
-              href: "#contact",
-            },
-          ],
-        },
       ]}
-      copyrightText="© 2024 Q-Nails Salon. All rights reserved."
+      copyrightText="© 2024 Q-Nails Salon. All Rights Reserved."
     />
   </div>
       </ReactLenis>

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #ffffff;
+  --background: #fdfbf8;
-  --card: #f9f9f9;
+  --card: #f4efe9;
-  --foreground: #000f06e6;
+  --foreground: #3a322c;
-  --primary-cta: #0a7039;
+  --primary-cta: #7a5c48;
   --primary-cta-text: #ffffff;
-  --secondary-cta: #f9f9f9;
+  --secondary-cta: #e4dcd3;
   --secondary-cta-text: #000f06e6;
-  --accent: #e2e2e2;
+  --accent: #c6b39d;
-  --background-accent: #c4c4c4;
+  --background-accent: #e4dcd3;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);