Update src/app/styles/variables.css

Merge version_1 into main

src/app/page.tsx

@@ -31,22 +31,12 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarLayoutFloatingOverlay
       navItems={[
-        {
-          name: "Home",
-          id: "hero",
-        },
-        {
-          name: "About",
-          id: "about",
-        },
-        {
-          name: "Services",
-          id: "pricing",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
+        { name: "Home", id: "hero" },
+        { name: "About", id: "about" },
+        { name: "Services", id: "pricing" },
+        { name: "Why Choose Us", id: "why-choose" },
+        { name: "Testimonials", id: "testimonials" },
+        { name: "Contact", id: "contact" },
       ]}
       brandName="Saivex 156"
     />
@@ -54,17 +44,10 @@ export default function LandingPage() {
 
   <div id="hero" data-section="hero">
       <HeroBillboardScroll
-      background={{
-        variant: "gradient-bars",
-      }}
+      background={{ variant: "gradient-bars" }}
       title="Style, Beauty & Grooming for Everyone"
       description="Experience premium salon services in the heart of Nashik. Your transformation begins with our expert team."
-      buttons={[
-        {
-          text: "Book Appointment",
-          href: "https://wa.me/919999999999",
-        },
-      ]}
+      buttons={[{ text: "Book Appointment", href: "https://wa.me/919999999999" }]}
       imageSrc="http://img.b2bpic.net/free-photo/diverse-people-discussing-about-fashion-trends-assortments-retail-store_482257-109853.jpg?_wi=1"
       imageAlt="Modern stylish salon workspace"
     />
@@ -74,15 +57,8 @@ export default function LandingPage() {
       <InlineImageSplitTextAbout
       useInvertedBackground={false}
       heading={[
-        {
-          type: "text",
-          content: "Welcome to Saivex 156",
-        },
-        {
-          type: "image",
-          src: "http://img.b2bpic.net/free-photo/empty-wintertime-luxury-ski-resort_482257-102290.jpg",
-          alt: "Clean and professional salon interior",
-        },
+        { type: "text", content: "Welcome to Saivex 156" },
+        { type: "image", src: "http://img.b2bpic.net/free-photo/empty-wintertime-luxury-ski-resort_482257-102290.jpg", alt: "Clean and professional salon interior" },
       ]}
     />
   </div>
@@ -93,63 +69,9 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={false}
       plans={[
-        {
-          id: "men",
-          badge: "Men",
-          price: "Grooming",
-          subtitle: "Specialized care for men",
-          features: [
-            "Precision Haircut",
-            "Beard Styling",
-            "Hair Spa Treatment",
-            "Face Cleanup",
-            "Relaxing Massage",
-          ],
-          buttons: [
-            {
-              text: "Book Now",
-              href: "#contact",
-            },
-          ],
-        },
-        {
-          id: "women",
-          badge: "Women",
-          price: "Beauty",
-          subtitle: "Luxury beauty services",
-          features: [
-            "Haircut & Styling",
-            "Facial & Skincare",
-            "Professional Makeup",
-            "Manicure & Pedicure",
-            "Hair Coloring",
-          ],
-          buttons: [
-            {
-              text: "Book Now",
-              href: "#contact",
-            },
-          ],
-        },
-        {
-          id: "common",
-          badge: "Common",
-          price: "Wellness",
-          subtitle: "Care for everyone",
-          features: [
-            "Deep Hair Spa",
-            "Skincare Therapy",
-            "Full Grooming",
-            "Scalp Treatment",
-            "Anti-Aging Treatment",
-          ],
-          buttons: [
-            {
-              text: "Book Now",
-              href: "#contact",
-            },
-          ],
-        },
+        { id: "men", badge: "Men", price: "Grooming", subtitle: "Specialized care for men", features: ["Precision Haircut", "Beard Styling", "Hair Spa Treatment", "Face Cleanup", "Relaxing Massage"], buttons: [{ text: "Book Now", href: "https://wa.me/919999999999" }] },
+        { id: "women", badge: "Women", price: "Beauty", subtitle: "Luxury beauty services", features: ["Haircut & Styling", "Facial & Skincare", "Professional Makeup", "Manicure & Pedicure", "Hair Coloring"], buttons: [{ text: "Book Now", href: "https://wa.me/919999999999" }] },
+        { id: "common", badge: "Common", price: "Wellness", subtitle: "Care for everyone", features: ["Deep Hair Spa", "Skincare Therapy", "Full Grooming", "Scalp Treatment", "Anti-Aging Treatment"], buttons: [{ text: "Book Now", href: "https://wa.me/919999999999" }] },
       ]}
       title="Our Services"
       description="Premium grooming and beauty treatments for a sophisticated lifestyle."
@@ -163,60 +85,8 @@ export default function LandingPage() {
       gridVariant="uniform-all-items-equal"
       useInvertedBackground={false}
       products={[
-        {
-          id: "g1",
-          brand: "Saivex",
-          name: "Haircut Session",
-          price: "Expert",
-          rating: 5,
-          reviewCount: "100+",
-          imageSrc: "http://img.b2bpic.net/free-photo/two-stylish-best-friends-posing-indoors_273609-6501.jpg?_wi=1",
-        },
-        {
-          id: "g2",
-          brand: "Saivex",
-          name: "Styling",
-          price: "Trend",
-          rating: 5,
-          reviewCount: "150+",
-          imageSrc: "http://img.b2bpic.net/free-photo/two-stylish-best-friends-posing-indoors_273609-6501.jpg?_wi=2",
-        },
-        {
-          id: "g3",
-          brand: "Saivex",
-          name: "Facial",
-          price: "Luxury",
-          rating: 5,
-          reviewCount: "80+",
-          imageSrc: "http://img.b2bpic.net/free-photo/two-stylish-best-friends-posing-indoors_273609-6501.jpg?_wi=3",
-        },
-        {
-          id: "g4",
-          brand: "Saivex",
-          name: "Grooming",
-          price: "Precision",
-          rating: 5,
-          reviewCount: "90+",
-          imageSrc: "http://img.b2bpic.net/free-photo/two-stylish-best-friends-posing-indoors_273609-6501.jpg?_wi=4",
-        },
-        {
-          id: "g5",
-          brand: "Saivex",
-          name: "Hair Spa",
-          price: "Relaxing",
-          rating: 5,
-          reviewCount: "120+",
-          imageSrc: "http://img.b2bpic.net/free-photo/two-stylish-best-friends-posing-indoors_273609-6501.jpg?_wi=5",
-        },
-        {
-          id: "g6",
-          brand: "Saivex",
-          name: "Makeup",
-          price: "Glam",
-          rating: 5,
-          reviewCount: "70+",
-          imageSrc: "http://img.b2bpic.net/free-photo/two-stylish-best-friends-posing-indoors_273609-6501.jpg?_wi=6",
-        },
+        { id: "g1", brand: "Saivex", name: "Haircut Session", price: "Expert", rating: 5, reviewCount: "100+", imageSrc: "http://img.b2bpic.net/free-photo/two-stylish-best-friends-posing-indoors_273609-6501.jpg?_wi=1" },
+        { id: "g2", brand: "Saivex", name: "Styling", price: "Trend", rating: 5, reviewCount: "150+", imageSrc: "http://img.b2bpic.net/free-photo/two-stylish-best-friends-posing-indoors_273609-6501.jpg?_wi=2" },
       ]}
       title="Our Salon Gallery"
       description="Visual highlights from our Nashik studio."
@@ -229,30 +99,10 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       metrics={[
-        {
-          id: "m1",
-          title: "Expert Professionals",
-          value: "10+",
-          icon: Award,
-        },
-        {
-          id: "m2",
-          title: "Hygienic Environment",
-          value: "100%",
-          icon: Shield,
-        },
-        {
-          id: "m3",
-          title: "Satisfied Clients",
-          value: "500+",
-          icon: CheckCircle,
-        },
-        {
-          id: "m4",
-          title: "Affordable Price",
-          value: "Yes",
-          icon: Sparkles,
-        },
+        { id: "m1", title: "Expert Professionals", value: "10+", icon: Award },
+        { id: "m2", title: "Hygienic Environment", value: "100%", icon: Shield },
+        { id: "m3", title: "Satisfied Clients", value: "500+", icon: CheckCircle },
+        { id: "m4", title: "Affordable Price", value: "Yes", icon: Sparkles },
       ]}
       title="Why Choose Us?"
       description="Your preferred salon in Nashik."
@@ -265,51 +115,8 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       testimonials={[
-        {
-          id: "t1",
-          name: "Anjali K.",
-          handle: "@anjali_n",
-          testimonial: "The best unisex salon in Nashik! Great service.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/diverse-people-discussing-about-fashion-trends-assortments-retail-store_482257-109853.jpg?_wi=2",
-          imageAlt: "unisex salon interior modern",
-        },
-        {
-          id: "t2",
-          name: "Rahul P.",
-          handle: "@rahul_p",
-          testimonial: "Highly professional haircut and beard styling.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/empty-wintertime-luxury-ski-resort_482257-102290.jpg?_wi=1",
-          imageAlt: "clean salon equipment",
-        },
-        {
-          id: "t3",
-          name: "Priya S.",
-          handle: "@priya_s",
-          testimonial: "Amazing facial, felt so rejuvenated!",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/two-stylish-best-friends-posing-indoors_273609-6501.jpg?_wi=7",
-          imageAlt: "modern haircut man barber",
-        },
-        {
-          id: "t4",
-          name: "Sanjay D.",
-          handle: "@sanjay_d",
-          testimonial: "Hygienic and friendly staff. Love coming here.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/diverse-people-discussing-about-fashion-trends-assortments-retail-store_482257-109853.jpg?_wi=3",
-          imageAlt: "unisex salon interior modern",
-        },
-        {
-          id: "t5",
-          name: "Neha M.",
-          handle: "@neha_m",
-          testimonial: "Affordable and excellent grooming quality.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/empty-wintertime-luxury-ski-resort_482257-102290.jpg?_wi=2",
-          imageAlt: "clean salon equipment",
-        },
+        { id: "t1", name: "Anjali K.", handle: "@anjali_n", testimonial: "The best unisex salon in Nashik! Great service.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/diverse-people-discussing-about-fashion-trends-assortments-retail-store_482257-109853.jpg?_wi=2" },
+        { id: "t2", name: "Rahul P.", handle: "@rahul_p", testimonial: "Highly professional haircut and beard styling.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/empty-wintertime-luxury-ski-resort_482257-102290.jpg?_wi=1" },
       ]}
       showRating={true}
       title="What Clients Say"
@@ -323,23 +130,10 @@ export default function LandingPage() {
       title="Contact Us"
       description="Schedule your appointment today!"
       inputs={[
-        {
-          name: "name",
-          type: "text",
-          placeholder: "Your Name",
-          required: true,
-        },
-        {
-          name: "phone",
-          type: "tel",
-          placeholder: "Phone Number",
-          required: true,
-        },
+        { name: "name", type: "text", placeholder: "Your Name", required: true },
+        { name: "phone", type: "tel", placeholder: "Phone Number", required: true },
       ]}
-      textarea={{
-        name: "message",
-        placeholder: "Your request or question",
-      }}
+      textarea={{ name: "message", placeholder: "Your request or question" }}
       imageSrc="http://img.b2bpic.net/free-photo/diverse-people-discussing-about-fashion-trends-assortments-retail-store_482257-109853.jpg?_wi=4"
       mediaAnimation="slide-up"
     />
@@ -348,30 +142,8 @@ export default function LandingPage() {
   <div id="footer" data-section="footer">
       <FooterLogoEmphasis
       columns={[
-        {
-          items: [
-            {
-              label: "Book Now",
-              href: "https://wa.me/919999999999",
-            },
-            {
-              label: "Services",
-              href: "#pricing",
-            },
-          ],
-        },
-        {
-          items: [
-            {
-              label: "Contact",
-              href: "#contact",
-            },
-            {
-              label: "Address: Nashik, Maharashtra",
-              href: "#",
-            },
-          ],
-        },
+        { items: [{ label: "Book Appointment", href: "https://wa.me/919999999999" }, { label: "Services", href: "#pricing" }] },
+        { items: [{ label: "Contact", href: "#contact" }, { label: "Visit Us: Nashik, Maharashtra" }] },
       ]}
       logoText="Saivex 156"
     />
@@ -379,4 +151,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/styles/variables.css

@@ -10,12 +10,12 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #fcfaf7;
-  --card: #f4ede6;
-  --foreground: #2a221b;
+  --background: #efebe5;
+  --card: #f7f2ea;
+  --foreground: #000000;
   --primary-cta: #c5a059;
   --primary-cta-text: #ffffff;
-  --secondary-cta: #fcfaf7;
+  --secondary-cta: #ffffff;
   --secondary-cta-text: #2a221b;
   --accent: #d4c5a9;
   --background-accent: #e6e0d5;