Update src/app/styles/variables.css

src/app/page.tsx

@@ -4,10 +4,10 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
 import ContactText from '@/components/sections/contact/ContactText';
 import FeatureCardOne from '@/components/sections/feature/FeatureCardOne';
-import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
+import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
 import HeroLogo from '@/components/sections/hero/HeroLogo';
 import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
-import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
+import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
 import PricingCardThree from '@/components/sections/pricing/PricingCardThree';
 import ProductCardThree from '@/components/sections/product/ProductCardThree';
 import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
@@ -29,26 +29,15 @@ export default function LandingPage() {
     >
       <ReactLenis root>
   <div id="nav" data-section="nav">
-      <NavbarStyleFullscreen
+      <NavbarStyleCentered
-      navItems={[
-        {
-          name: "Home",
-          id: "hero",
-        },
-        {
-          name: "Services",
-          id: "services",
-        },
-        {
-          name: "Pricing",
-          id: "pricing",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
-      ]}
       brandName="Cleaner Dekho"
+      navItems={[
+        { name: "Home", id: "hero" },
+        { name: "Services", id: "services" },
+        { name: "Pricing", id: "pricing" },
+        { name: "Contact", id: "contact" },
+      ]}
+      button={{ text: "Book Now", href: "#contact" }}
     />
   </div>
 
@@ -57,14 +46,8 @@ export default function LandingPage() {
       logoText="Cleaner Dekho"
       description="Jaipur's most trusted premium house, office, and deep cleaning experts. From water tanks to sofas, we make your space shine."
       buttons={[
-        {
+        { text: "Book Now", href: "#contact" },
-          text: "Book Now",
+        { text: "View Services", href: "#services" },
-          href: "#contact",
-        },
-        {
-          text: "View Services",
-          href: "#services",
-        },
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/medium-shot-people-cleaning-building_23-2150454561.jpg"
     />
@@ -74,11 +57,7 @@ export default function LandingPage() {
       <TextAbout
       useInvertedBackground={true}
       title="Why Cleaner Dekho?"
-      buttons={[
+      buttons={[{ text: "Learn More" }]}
-        {
-          text: "Learn More",
-        },
-      ]}
     />
   </div>
 
@@ -90,23 +69,11 @@ export default function LandingPage() {
       useInvertedBackground={false}
       features={[
         {
-          title: "Eco-Friendly Products",
+          title: "Eco-Friendly Products",          description: "Safe for children and pets.",          imageSrc: "http://img.b2bpic.net/free-photo/woman-doing-house-chores-with-vacuum_23-2148394963.jpg",          imageAlt: "Safe cleaning"},
-          description: "Safe for children and pets.",
-          imageSrc: "http://img.b2bpic.net/free-photo/woman-doing-house-chores-with-vacuum_23-2148394963.jpg",
-          imageAlt: "Safe cleaning",
-        },
         {
-          title: "Professional Team",
+          title: "Professional Team",          description: "Highly trained and verified staff.",          imageSrc: "http://img.b2bpic.net/free-photo/man-doing-professional-home-cleaning-service_23-2150359035.jpg",          imageAlt: "Team"},
-          description: "Highly trained and verified staff.",
-          imageSrc: "http://img.b2bpic.net/free-photo/man-doing-professional-home-cleaning-service_23-2150359035.jpg",
-          imageAlt: "Team",
-        },
         {
-          title: "Advanced Technology",
+          title: "Advanced Technology",          description: "Steam cleaning and industrial vacuums.",          imageSrc: "http://img.b2bpic.net/free-photo/man-doing-professional-home-cleaning-service_23-2150358992.jpg",          imageAlt: "Gear"},
-          description: "Steam cleaning and industrial vacuums.",
-          imageSrc: "http://img.b2bpic.net/free-photo/man-doing-professional-home-cleaning-service_23-2150358992.jpg",
-          imageAlt: "Gear",
-        },
       ]}
       title="Our Specialized Focus"
       description="We use eco-friendly chemicals and professional-grade machinery for every task."
@@ -120,42 +87,12 @@ export default function LandingPage() {
       gridVariant="one-large-left-three-stacked-right"
       useInvertedBackground={true}
       products={[
-        {
+        { id: "1", name: "Kitchen Deep Cleaning", price: "₹1,499", imageSrc: "http://img.b2bpic.net/free-photo/atmosphere-kitchen-cafe-process_1321-4216.jpg" },
-          id: "1",
+        { id: "2", name: "Bathroom Deep Cleaning", price: "₹999", imageSrc: "http://img.b2bpic.net/free-photo/shower-head-getting-cleaned_23-2148465054.jpg" },
-          name: "Kitchen Deep Cleaning",
+        { id: "3", name: "Sofa Deep Cleaning", price: "₹1,200", imageSrc: "http://img.b2bpic.net/free-photo/indoors-decoration-with-heater-blanket_23-2149308956.jpg" },
-          price: "₹1,499",
+        { id: "4", name: "Water Tank Cleaning", price: "₹800", imageSrc: "http://img.b2bpic.net/free-photo/man-with-tattoos-producing-craft-beer_23-2148110887.jpg" },
-          imageSrc: "http://img.b2bpic.net/free-photo/atmosphere-kitchen-cafe-process_1321-4216.jpg",
+        { id: "5", name: "Car Detailing", price: "₹1,500", imageSrc: "http://img.b2bpic.net/free-photo/man-washing-his-car-garage_1157-26071.jpg" },
-        },
+        { id: "6", name: "Carpet Cleaning", price: "₹1,100", imageSrc: "http://img.b2bpic.net/free-photo/man-is-tired-from-cleaning_23-2148112292.jpg" },
-        {
-          id: "2",
-          name: "Bathroom Deep Cleaning",
-          price: "₹999",
-          imageSrc: "http://img.b2bpic.net/free-photo/shower-head-getting-cleaned_23-2148465054.jpg",
-        },
-        {
-          id: "3",
-          name: "Sofa Deep Cleaning",
-          price: "₹1,200",
-          imageSrc: "http://img.b2bpic.net/free-photo/indoors-decoration-with-heater-blanket_23-2149308956.jpg",
-        },
-        {
-          id: "4",
-          name: "Water Tank Cleaning",
-          price: "₹800",
-          imageSrc: "http://img.b2bpic.net/free-photo/man-with-tattoos-producing-craft-beer_23-2148110887.jpg",
-        },
-        {
-          id: "5",
-          name: "Car Detailing",
-          price: "₹1,500",
-          imageSrc: "http://img.b2bpic.net/free-photo/man-washing-his-car-garage_1157-26071.jpg",
-        },
-        {
-          id: "6",
-          name: "Carpet Cleaning",
-          price: "₹1,100",
-          imageSrc: "http://img.b2bpic.net/free-photo/man-is-tired-from-cleaning_23-2148112292.jpg",
-        },
       ]}
       title="Deep Cleaning Services"
       description="Professional solutions for your home and office."
@@ -169,48 +106,16 @@ export default function LandingPage() {
       useInvertedBackground={false}
       plans={[
         {
-          id: "basic",
+          id: "basic",          name: "Essential Clean",          price: "₹2,500",          features: ["Room dusting", "Floor mopping"],
-          name: "Essential Clean",
+          buttons: [{ text: "Select Plan" }],
-          price: "₹2,500",
-          features: [
-            "Room dusting",
-            "Floor mopping",
-          ],
-          buttons: [
-            {
-              text: "Select Plan",
-            },
-          ],
         },
         {
-          id: "pro",
+          id: "pro",          name: "Premium Deep",          price: "₹4,900",          features: ["Full kitchen deep", "Bathroom deep", "Window cleaning"],
-          name: "Premium Deep",
+          buttons: [{ text: "Select Plan" }],
-          price: "₹4,900",
-          features: [
-            "Full kitchen deep",
-            "Bathroom deep",
-            "Window cleaning",
-          ],
-          buttons: [
-            {
-              text: "Select Plan",
-            },
-          ],
         },
         {
-          id: "enterprise",
+          id: "enterprise",          name: "Office Full",          price: "₹8,900",          features: ["Total facility clean", "Sanitization", "Workstation care"],
-          name: "Office Full",
+          buttons: [{ text: "Select Plan" }],
-          price: "₹8,900",
-          features: [
-            "Total facility clean",
-            "Sanitization",
-            "Workstation care",
-          ],
-          buttons: [
-            {
-              text: "Select Plan",
-            },
-          ],
         },
       ]}
       title="Flexible Packages"
@@ -223,46 +128,11 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={true}
       testimonials={[
-        {
+        { id: "1", title: "Great Service", quote: "Excellent team and very punctual.", name: "Anjali S.", role: "Homeowner", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-smiley-man-woman-home_23-2148899724.jpg" },
-          id: "1",
+        { id: "2", title: "Deep Clean", quote: "My office looks brand new.", name: "Rajesh K.", role: "CEO", imageSrc: "http://img.b2bpic.net/free-photo/portrait-brunette-woman-glasses-smiling-with-confident-look-sitting-cafe-with-notebook-work_1258-137926.jpg" },
-          title: "Great Service",
+        { id: "3", title: "Highly Recommended", quote: "Very professional and friendly staff.", name: "Meera P.", role: "Teacher", imageSrc: "http://img.b2bpic.net/free-photo/resting-smiling-young-woman-sitting-home-sofa_259150-59716.jpg" },
-          quote: "Excellent team and very punctual.",
+        { id: "4", title: "Best in Jaipur", quote: "Quick, efficient, and affordable.", name: "Vikram Singh", role: "Manager", imageSrc: "http://img.b2bpic.net/free-photo/two-happy-businessmen-shaking-hands-after-successful-agreement-office-while-their-female-colleagues-are-applauding-them-focus-is-young-businessman_637285-251.jpg" },
-          name: "Anjali S.",
+        { id: "5", title: "Top Notch", quote: "Loved the attention to detail.", name: "Sunita Gupta", role: "Resident", imageSrc: "http://img.b2bpic.net/free-photo/stylish-woman-wearing-yellow-bandana_273609-13336.jpg" },
-          role: "Homeowner",
-          imageSrc: "http://img.b2bpic.net/free-photo/full-shot-smiley-man-woman-home_23-2148899724.jpg",
-        },
-        {
-          id: "2",
-          title: "Deep Clean",
-          quote: "My office looks brand new.",
-          name: "Rajesh K.",
-          role: "CEO",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-brunette-woman-glasses-smiling-with-confident-look-sitting-cafe-with-notebook-work_1258-137926.jpg",
-        },
-        {
-          id: "3",
-          title: "Highly Recommended",
-          quote: "Very professional and friendly staff.",
-          name: "Meera P.",
-          role: "Teacher",
-          imageSrc: "http://img.b2bpic.net/free-photo/resting-smiling-young-woman-sitting-home-sofa_259150-59716.jpg",
-        },
-        {
-          id: "4",
-          title: "Best in Jaipur",
-          quote: "Quick, efficient, and affordable.",
-          name: "Vikram Singh",
-          role: "Manager",
-          imageSrc: "http://img.b2bpic.net/free-photo/two-happy-businessmen-shaking-hands-after-successful-agreement-office-while-their-female-colleagues-are-applauding-them-focus-is-young-businessman_637285-251.jpg",
-        },
-        {
-          id: "5",
-          title: "Top Notch",
-          quote: "Loved the attention to detail.",
-          name: "Sunita Gupta",
-          role: "Resident",
-          imageSrc: "http://img.b2bpic.net/free-photo/stylish-woman-wearing-yellow-bandana_273609-13336.jpg",
-        },
       ]}
       title="Client Stories"
       description="See why Jaipur trusts Cleaner Dekho."
@@ -275,27 +145,9 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       metrics={[
-        {
+        { id: "m1", value: "1000+", title: "Satisfied Clients", description: "In Jaipur", imageSrc: "http://img.b2bpic.net/free-photo/man-doing-household-tasks_23-2151733227.jpg" },
-          id: "m1",
+        { id: "m2", value: "500+", title: "Water Tanks", description: "Sanitized", imageSrc: "http://img.b2bpic.net/free-photo/woman-cleaning-her-home_23-2148118513.jpg" },
-          value: "1000+",
+        { id: "m3", value: "10+", title: "Professional Staff", description: "Experienced", imageSrc: "http://img.b2bpic.net/free-photo/woman-cleaning-table-surfcase-with-disinfector_259150-59506.jpg" },
-          title: "Satisfied Clients",
-          description: "In Jaipur",
-          imageSrc: "http://img.b2bpic.net/free-photo/man-doing-household-tasks_23-2151733227.jpg",
-        },
-        {
-          id: "m2",
-          value: "500+",
-          title: "Water Tanks",
-          description: "Sanitized",
-          imageSrc: "http://img.b2bpic.net/free-photo/woman-cleaning-her-home_23-2148118513.jpg",
-        },
-        {
-          id: "m3",
-          value: "10+",
-          title: "Professional Staff",
-          description: "Experienced",
-          imageSrc: "http://img.b2bpic.net/free-photo/woman-cleaning-table-surfcase-with-disinfector_259150-59506.jpg",
-        },
       ]}
       title="By The Numbers"
       description="Our footprint in Jaipur cleaning."
@@ -305,49 +157,18 @@ export default function LandingPage() {
   <div id="contact" data-section="contact">
       <ContactText
       useInvertedBackground={true}
-      background={{
+      background={{ variant: "gradient-bars" }}
-        variant: "gradient-bars",
-      }}
       text="Ready to sparkle? Book your cleaning session in Jaipur today."
-      buttons={[
+      buttons={[{ text: "WhatsApp Us", href: "https://wa.me/91XXXXXXXXXX" }]}
-        {
-          text: "WhatsApp Us",
-          href: "https://wa.me/91XXXXXXXXXX",
-        },
-      ]}
     />
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterBaseCard
+      <FooterLogoEmphasis
       logoText="Cleaner Dekho"
       columns={[
-        {
+        { items: [{ label: "About Us", href: "#hero" }, { label: "Services", href: "#services" }] },
-          title: "Company",
+        { items: [{ label: "Contact", href: "#contact" }, { label: "Pricing", href: "#pricing" }] },
-          items: [
-            {
-              label: "About Us",
-              href: "#hero",
-            },
-            {
-              label: "Services",
-              href: "#services",
-            },
-          ],
-        },
-        {
-          title: "Support",
-          items: [
-            {
-              label: "Contact",
-              href: "#contact",
-            },
-            {
-              label: "Pricing",
-              href: "#pricing",
-            },
-          ],
-        },
       ]}
     />
   </div>

src/app/styles/variables.css

@@ -13,7 +13,7 @@
   --background: #f5f5f5;
   --card: #ffffff;
   --foreground: #1c1c1c;
-  --primary-cta: #1f3251;
+  --primary-cta: #15479c;
   --primary-cta-text: #f5f5f5;
   --secondary-cta: #ffffff;
   --secondary-cta-text: #1c1c1c;