Update src/app/page.tsx

Merge version_3 into main

src/app/page.tsx

@@ -2,15 +2,15 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactText from '@/components/sections/contact/ContactText';
+import ContactCTA from '@/components/sections/contact/ContactCTA';
 import FeatureCardOne from '@/components/sections/feature/FeatureCardOne';
-import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
+import FooterCard from '@/components/sections/footer/FooterCard';
 import HeroLogo from '@/components/sections/hero/HeroLogo';
-import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
-import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
+import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
+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';
+import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
 import TextAbout from '@/components/sections/about/TextAbout';
 
 export default function LandingPage() {
@@ -29,42 +29,25 @@ export default function LandingPage() {
     >
       <ReactLenis root>
   <div id="nav" data-section="nav">
-      <NavbarStyleFullscreen
+      <NavbarStyleCentered
+      brandName="Shree Ram Cleaning Services"
       navItems={[
-        {
-          name: "Home",
-          id: "hero",
-        },
-        {
-          name: "Services",
-          id: "services",
-        },
-        {
-          name: "Pricing",
-          id: "pricing",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
+        { name: "Home", id: "hero" },
+        { name: "Services", id: "services" },
+        { name: "Pricing", id: "pricing" },
+        { name: "Contact", id: "contact" },
       ]}
-      brandName="Cleaner Dekho"
+      button={{ text: "Book Now", href: "#contact" }}
     />
   </div>
 
   <div id="hero" data-section="hero">
       <HeroLogo
-      logoText="Cleaner Dekho"
+      logoText="Shree Ram Clean Services "
       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: "View Services",
-          href: "#services",
-        },
+        { text: "Book Now", href: "#contact" },
+        { text: "View Services", href: "#services" },
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/medium-shot-people-cleaning-building_23-2150454561.jpg"
     />
@@ -73,12 +56,8 @@ export default function LandingPage() {
   <div id="about" data-section="about">
       <TextAbout
       useInvertedBackground={true}
-      title="Why Cleaner Dekho?"
-      buttons={[
-        {
-          text: "Learn More",
-        },
-      ]}
+      title="Why Shree Ram Cleaning Services?"
+      buttons={[{ text: "Learn More" }]}
     />
   </div>
 
@@ -89,24 +68,9 @@ export default function LandingPage() {
       gridVariant="uniform-all-items-equal"
       useInvertedBackground={false}
       features={[
-        {
-          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",
-        },
-        {
-          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",
-        },
-        {
-          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",
-        },
+        { 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" },
+        { 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" },
+        { 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" },
       ]}
       title="Our Specialized Focus"
       description="We use eco-friendly chemicals and professional-grade machinery for every task."
@@ -120,42 +84,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: "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",
-        },
+        { id: "1", name: "Kitchen Deep Cleaning", price: "₹1,499", imageSrc: "http://img.b2bpic.net/free-photo/atmosphere-kitchen-cafe-process_1321-4216.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."
@@ -168,50 +102,9 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       plans={[
-        {
-          id: "basic",
-          name: "Essential Clean",
-          price: "₹2,500",
-          features: [
-            "Room dusting",
-            "Floor mopping",
-          ],
-          buttons: [
-            {
-              text: "Select Plan",
-            },
-          ],
-        },
-        {
-          id: "pro",
-          name: "Premium Deep",
-          price: "₹4,900",
-          features: [
-            "Full kitchen deep",
-            "Bathroom deep",
-            "Window cleaning",
-          ],
-          buttons: [
-            {
-              text: "Select Plan",
-            },
-          ],
-        },
-        {
-          id: "enterprise",
-          name: "Office Full",
-          price: "₹8,900",
-          features: [
-            "Total facility clean",
-            "Sanitization",
-            "Workstation care",
-          ],
-          buttons: [
-            {
-              text: "Select Plan",
-            },
-          ],
-        },
+        { id: "basic", name: "Essential Clean", price: "₹2,500", features: ["Room dusting", "Floor mopping"], buttons: [{ text: "Select Plan" }] },
+        { id: "pro", name: "Premium Deep", price: "₹4,900", features: ["Full kitchen deep", "Bathroom deep", "Window cleaning"], buttons: [{ text: "Select Plan" }] },
+        { id: "enterprise", name: "Office Full", price: "₹8,900", features: ["Total facility clean", "Sanitization", "Workstation care"], buttons: [{ text: "Select Plan" }] },
       ]}
       title="Flexible Packages"
       description="Choose the perfect cleaning routine for your needs."
@@ -219,139 +112,53 @@ export default function LandingPage() {
   </div>
 
   <div id="testimonials" data-section="testimonials">
-      <TestimonialCardTen
+      <TestimonialCardTwo
+      animationType="blur-reveal"
       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: "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",
-        },
-      ]}
+      useInvertedBackground={false}
       title="Client Stories"
-      description="See why Jaipur trusts Cleaner Dekho."
+      description="See why Jaipur trusts Shree Ram Cleaning Services."
+      testimonials={[
+        { id: "1", name: "Anjali S.", role: "Homeowner", testimonial: "Excellent team and very punctual." },
+        { id: "2", name: "Rajesh K.", role: "CEO", testimonial: "My office looks brand new." },
+        { id: "3", name: "Meera P.", role: "Teacher", testimonial: "Very professional and friendly staff." },
+      ]}
     />
   </div>
 
   <div id="metrics" data-section="metrics">
-      <MetricCardEleven
-      animationType="slide-up"
+      <MetricCardSeven
+      animationType="blur-reveal"
       textboxLayout="default"
       useInvertedBackground={false}
+      title="Company Stats"
+      description="Proven results in the industry."
       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: "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",
-        },
+        { id: "m1", value: "1000+", title: "Clients Served", items: ["Home owners", "Businesses"] },
+        { id: "m2", value: "500+", title: "Projects", items: ["Water tanks", "Deep cleans"] },
+        { id: "m3", value: "10+", title: "Staff", items: ["Verified experts", "Trained pros"] },
       ]}
-      title="By The Numbers"
-      description="Our footprint in Jaipur cleaning."
     />
   </div>
 
   <div id="contact" data-section="contact">
-      <ContactText
+      <ContactCTA
+      tag="Contact Us"
+      title="Book Your Professional Cleaning Session"
+      description="Reach out to Shyam Nagar today for inquiries or premium service bookings. Our team is ready to assist you."
+      buttons={[{ text: "Contact Us", href: "#contact" }]}
+      background={{ variant: "sparkles-gradient" }}
       useInvertedBackground={true}
-      background={{
-        variant: "gradient-bars",
-      }}
-      text="Ready to sparkle? Book your cleaning session in Jaipur today."
-      buttons={[
-        {
-          text: "WhatsApp Us",
-          href: "https://wa.me/91XXXXXXXXXX",
-        },
-      ]}
     />
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterBaseCard
-      logoText="Cleaner Dekho"
-      columns={[
-        {
-          title: "Company",
-          items: [
-            {
-              label: "About Us",
-              href: "#hero",
-            },
-            {
-              label: "Services",
-              href: "#services",
-            },
-          ],
-        },
-        {
-          title: "Support",
-          items: [
-            {
-              label: "Contact",
-              href: "#contact",
-            },
-            {
-              label: "Pricing",
-              href: "#pricing",
-            },
-          ],
-        },
-      ]}
+      <FooterCard
+      logoText="Shree Ram Cleaning Services"
+      copyrightText="© 2025 Shree Ram Cleaning Services. Premium Cleaning Services."
     />
   </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

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;