Update src/app/page.tsx

Merge version_3 into main

src/app/page.tsx

@@ -13,6 +13,7 @@ import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/Nav
 import PricingCardNine from '@/components/sections/pricing/PricingCardNine';
 import TeamCardTwo from '@/components/sections/team/TeamCardTwo';
 import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
+import ContactCTA from '@/components/sections/contact/ContactCTA';
 
 export default function LandingPage() {
   return (
@@ -32,65 +33,25 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarStyleFullscreen
       navItems={[
-        {
+        { name: "Home", id: "hero" },
-          name: "Home",
+        { name: "Services", id: "services" },
-          id: "hero",
+        { name: "Pricing", id: "pricing" },
-        },
+        { name: "Contact", id: "contact" },
-        {
-          name: "Services",
-          id: "services",
-        },
-        {
-          name: "Pricing",
-          id: "pricing",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
       ]}
-      brandName="SparkleClean"
+      brandName="OVERALL CLEANING SOLUTIONS"
     />
   </div>
 
   <div id="hero" data-section="hero">
       <HeroBillboardCarousel
-      background={{
+      background={{ variant: "plain" }}
-        variant: "plain",
-      }}
       title="A Spotless Home, Every Single Time."
       description="Professional cleaning services tailored to your lifestyle. We bring shine to every corner."
-      buttons={[
+      buttons={[{ text: "Get a Free Quote", href: "#pricing" }]}
-        {
-          text: "Get a Free Quote",
-          href: "#contact",
-        },
-      ]}
       mediaItems={[
-        {
+        { imageSrc: "http://img.b2bpic.net/free-photo/high-angle-woman-cleaning_23-2148480344.jpg?_wi=1", imageAlt: "Professional service" },
-          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-woman-cleaning_23-2148480344.jpg?_wi=1",
+        { imageSrc: "http://img.b2bpic.net/free-photo/composition-garden-tools_93675-131216.jpg?_wi=1", imageAlt: "Cleaning supplies" },
-          imageAlt: "Professional service",
+        { imageSrc: "http://img.b2bpic.net/free-photo/blonde-female-housekeeper-wiping-floor-with-mop-home_23-2148222237.jpg", imageAlt: "Mopping floor" },
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/composition-garden-tools_93675-131216.jpg?_wi=1",
-          imageAlt: "Cleaning supplies",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/blonde-female-housekeeper-wiping-floor-with-mop-home_23-2148222237.jpg",
-          imageAlt: "Mopping floor",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/people-working-together-donation-facility_23-2148687355.jpg",
-          imageAlt: "Tidy team",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/woman-cleaning-with-brush_23-2148520995.jpg",
-          imageAlt: "Clean kitchen",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/couple-wrapping-sofa-plastic-foil-protection-while-they-are-renovate-living-room-home-renovation-construction-painting-work_482257-14132.jpg",
-          imageAlt: "Organized room",
-        },
       ]}
     />
   </div>
@@ -112,27 +73,9 @@ export default function LandingPage() {
       gridVariant="bento-grid"
       useInvertedBackground={false}
       features={[
-        {
+        { title: "Kitchen Deep Clean", description: "Complete sanitization of all surfaces and appliances.", imageSrc: "http://img.b2bpic.net/free-photo/woman-standing-kitchen-cutting-potatoes_23-2147810090.jpg", titleImageSrc: "http://img.b2bpic.net/free-photo/closeup-male-hands-rubber-gloves-cleaning-extractor-hood_1163-2424.jpg", buttonText: "Learn More" },
-          title: "Kitchen Deep Clean",
+        { title: "Bedroom Refresh", description: "Detailed dusting and linen replacement service.", imageSrc: "http://img.b2bpic.net/free-photo/lady-hands-set-up-white-bed-sheet-hotel-room_1150-6436.jpg", titleImageSrc: "http://img.b2bpic.net/free-photo/trans-couple-spending-time-together_23-2149284257.jpg", buttonText: "Learn More" },
-          description: "Complete sanitization of all surfaces and appliances.",
+        { title: "Bathroom Sanitation", description: "Deep scrub and polish for all fixtures.", imageSrc: "http://img.b2bpic.net/free-photo/housewife-woking-home-lady-blue-shirt-woman-bathroom_1157-45526.jpg", titleImageSrc: "http://img.b2bpic.net/free-photo/woman-cleaning-bathtub_23-2148465059.jpg", buttonText: "Learn More" },
-          imageSrc: "http://img.b2bpic.net/free-photo/woman-standing-kitchen-cutting-potatoes_23-2147810090.jpg",
-          titleImageSrc: "http://img.b2bpic.net/free-photo/closeup-male-hands-rubber-gloves-cleaning-extractor-hood_1163-2424.jpg",
-          buttonText: "View Details",
-        },
-        {
-          title: "Bedroom Refresh",
-          description: "Detailed dusting and linen replacement service.",
-          imageSrc: "http://img.b2bpic.net/free-photo/lady-hands-set-up-white-bed-sheet-hotel-room_1150-6436.jpg",
-          titleImageSrc: "http://img.b2bpic.net/free-photo/trans-couple-spending-time-together_23-2149284257.jpg",
-          buttonText: "View Details",
-        },
-        {
-          title: "Bathroom Sanitation",
-          description: "Deep scrub and polish for all fixtures.",
-          imageSrc: "http://img.b2bpic.net/free-photo/housewife-woking-home-lady-blue-shirt-woman-bathroom_1157-45526.jpg",
-          titleImageSrc: "http://img.b2bpic.net/free-photo/woman-cleaning-bathtub_23-2148465059.jpg",
-          buttonText: "View Details",
-        },
       ]}
       title="Our Professional Services"
       description="Customized plans for every space."
@@ -144,58 +87,9 @@ export default function LandingPage() {
       animationType="slide-up"
       textboxLayout="split"
       useInvertedBackground={true}
-      plans={[
+      title="Instant Booking & Quotes"
-        {
+      description="Enter your details to receive an instant price quote for our premium cleaning services."
-          id: "basic",
+      plans={[]}
-          title: "Essential Clean",
-          price: "$120",
-          period: "per session",
-          features: [
-            "Dusting",
-            "Vacuuming",
-            "Bathrooms",
-          ],
-          button: {
-            text: "Select Plan",
-          },
-          imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-cleaning_23-2148480353.jpg",
-          imageAlt: "Side view woman cleaning",
-        },
-        {
-          id: "standard",
-          title: "Deep Clean",
-          price: "$250",
-          period: "per session",
-          features: [
-            "Everything Essential",
-            "Kitchen Interior",
-            "Windows",
-          ],
-          button: {
-            text: "Select Plan",
-          },
-          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-woman-cleaning_23-2148480344.jpg?_wi=2",
-          imageAlt: "Side view woman cleaning",
-        },
-        {
-          id: "premium",
-          title: "Move-In/Out",
-          price: "$450",
-          period: "one-time",
-          features: [
-            "Deep Clean Package",
-            "Inside Cabinets",
-            "Baseboards",
-          ],
-          button: {
-            text: "Select Plan",
-          },
-          imageSrc: "http://img.b2bpic.net/free-photo/composition-garden-tools_93675-131216.jpg?_wi=2",
-          imageAlt: "Side view woman cleaning",
-        },
-      ]}
-      title="Transparent Pricing"
-      description="Choose the perfect package for your home."
     />
   </div>
 
@@ -205,230 +99,36 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={false}
       metrics={[
-        {
+        { id: "m1", value: "500+", title: "Homes Cleaned", description: "Trusted by local families.", imageSrc: "http://img.b2bpic.net/free-photo/man-cleaning-his-home_23-2148118526.jpg" },
-          id: "m1",
+        { id: "m2", value: "99%", title: "Satisfaction Rate", description: "We ensure complete happiness.", imageSrc: "http://img.b2bpic.net/free-photo/smiley-women-making-bed_23-2148227401.jpg" },
-          value: "500+",
+        { id: "m3", value: "12", title: "Years Experience", description: "Expert knowledge.", imageSrc: "http://img.b2bpic.net/free-photo/blonde-young-woman-cleaning-bathroom_329181-1545.jpg" },
-          title: "Homes Cleaned",
-          description: "Trusted by local families.",
-          imageSrc: "http://img.b2bpic.net/free-photo/man-cleaning-his-home_23-2148118526.jpg",
-        },
-        {
-          id: "m2",
-          value: "99%",
-          title: "Satisfaction Rate",
-          description: "We ensure complete happiness.",
-          imageSrc: "http://img.b2bpic.net/free-photo/smiley-women-making-bed_23-2148227401.jpg",
-        },
-        {
-          id: "m3",
-          value: "12",
-          title: "Years Experience",
-          description: "Expert knowledge.",
-          imageSrc: "http://img.b2bpic.net/free-photo/blonde-young-woman-cleaning-bathroom_329181-1545.jpg",
-        },
       ]}
       title="Our Impact"
       description="Proven results for every client."
     />
   </div>
 
-  <div id="team" data-section="team">
-      <TeamCardTwo
-      animationType="slide-up"
-      textboxLayout="split"
-      gridVariant="bento-grid"
-      useInvertedBackground={true}
-      members={[
-        {
-          id: "tm1",
-          name: "Alice Green",
-          role: "Head Supervisor",
-          description: "Ensuring quality control.",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-female-dentist-dentistry-concept-dental-treatment_169016-67066.jpg",
-        },
-        {
-          id: "tm2",
-          name: "Bob Smith",
-          role: "Senior Tech",
-          description: "Expert in deep cleaning.",
-          imageSrc: "http://img.b2bpic.net/free-photo/young-cleaning-man-wearing-casual-clothes-cap-rubber-gloves-holding-plate-sponge-washing-looking-smiling-confident-standing-orange-wall_141793-60734.jpg",
-        },
-        {
-          id: "tm3",
-          name: "Charlie Rose",
-          role: "Lead Cleaner",
-          description: "Efficient and thorough.",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-male-teen-cook-keeping-hands-crossed-t-shirt-apron-looking-confident-front-view_176474-109059.jpg",
-        },
-        {
-          id: "tm4",
-          name: "Diana Prince",
-          role: "Operations",
-          description: "Making everything smooth.",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-chambermaid-holding-her-collar-standing-hotel-room_23-2148033204.jpg",
-        },
-      ]}
-      title="Meet Our Expert Team"
-      description="Professional, friendly, and reliable staff."
-    />
-  </div>
-
-  <div id="testimonials" data-section="testimonials">
-      <TestimonialCardSixteen
-      animationType="slide-up"
-      textboxLayout="split"
-      useInvertedBackground={false}
-      testimonials={[
-        {
-          id: "t1",
-          name: "Sarah J.",
-          role: "Owner",
-          company: "Home",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/husband-wife-singing-together-while-cleaning-apartment_482257-71.jpg",
-        },
-        {
-          id: "t2",
-          name: "Mike P.",
-          role: "Homeowner",
-          company: "Home",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/young-people-having-fun_23-2149832986.jpg",
-        },
-        {
-          id: "t3",
-          name: "Emily R.",
-          role: "Business Owner",
-          company: "Studio",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-girl-shows-okay-ok-signs-look-satisfied-recommend-good-company-perfect-quality-praise-good-job-well-done-standing-pleased-against-white-background_176420-54380.jpg",
-        },
-        {
-          id: "t4",
-          name: "David K.",
-          role: "Homeowner",
-          company: "Home",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/friends-sitting-table-side-view_23-2149720808.jpg",
-        },
-        {
-          id: "t5",
-          name: "Lisa B.",
-          role: "Homeowner",
-          company: "Home",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/smiling-couple-embracing-cleaning_23-2147766998.jpg",
-        },
-      ]}
-      kpiItems={[
-        {
-          value: "4.9/5",
-          label: "Google Rating",
-        },
-        {
-          value: "100%",
-          label: "On-Time Arrival",
-        },
-        {
-          value: "200+",
-          label: "Returning Clients",
-        },
-      ]}
-      title="Happy Clients"
-      description="Hear what our customers say about us."
-    />
-  </div>
-
-  <div id="faq" data-section="faq">
-      <FaqSplitMedia
-      textboxLayout="split"
-      useInvertedBackground={true}
-      faqs={[
-        {
-          id: "q1",
-          title: "Are your cleaners insured?",
-          content: "Yes, we are fully bonded and insured.",
-        },
-        {
-          id: "q2",
-          title: "Do I need to be at home?",
-          content: "You don't have to; many clients provide keys.",
-        },
-        {
-          id: "q3",
-          title: "What products do you use?",
-          content: "We use eco-friendly, non-toxic products.",
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/excited-asian-housekeeper-wearing-yellow-rubber-gloves-giving-thumbs-up-smiling-confidently-against_482257-134755.jpg"
-      mediaAnimation="slide-up"
-      title="Frequently Asked Questions"
-      description="Everything you need to know about our services."
-      faqsAnimation="slide-up"
-    />
-  </div>
-
   <div id="contact" data-section="contact">
-      <ContactSplit
+      <ContactCTA
-      useInvertedBackground={false}
-      background={{
-        variant: "plain",
-      }}
       tag="Contact Us"
-      title="Get a Sparkling Clean Home Today"
+      title="Ready to get started?"
-      description="Reach out to schedule your professional cleaning consultation."
+      description="Contact us today for a free home assessment or cleaning inquiry."
-      imageSrc="http://img.b2bpic.net/free-photo/joyful-young-bald-call-center-man-wearing-headset-sitting-desk-with-work-tools-pointing-isolated-purple_141793-84112.jpg"
+      buttons={[{ text: "Call Us Now", href: "tel:+1234567890" }]}
-      mediaAnimation="slide-up"
+      background={{ variant: "plain" }}
+      useInvertedBackground={false}
     />
   </div>
 
   <div id="footer" data-section="footer">
       <FooterBaseCard
-      logoText="SparkleClean"
+      logoText="OVERALL CLEANING SOLUTIONS"
       columns={[
-        {
+        { title: "Company", items: [{ label: "About", href: "#about" }, { label: "Team", href: "#team" }] },
-          title: "Company",
+        { title: "Services", items: [{ label: "Standard Clean", href: "#services" }, { label: "Deep Clean", href: "#pricing" }] },
-          items: [
-            {
-              label: "About",
-              href: "#about",
-            },
-            {
-              label: "Team",
-              href: "#team",
-            },
-          ],
-        },
-        {
-          title: "Services",
-          items: [
-            {
-              label: "Standard Clean",
-              href: "#services",
-            },
-            {
-              label: "Deep Clean",
-              href: "#pricing",
-            },
-          ],
-        },
-        {
-          title: "Support",
-          items: [
-            {
-              label: "FAQ",
-              href: "#faq",
-            },
-            {
-              label: "Contact",
-              href: "#contact",
-            },
-          ],
-        },
       ]}
     />
   </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #fffefe;
+  --background: #fbfbfb;
-  --card: #f6f7f4;
+  --card: #f0f0f0;
-  --foreground: #080908;
+  --foreground: #333333;
-  --primary-cta: #0e3a29;
+  --primary-cta: #a8c8c8;
   --primary-cta-text: #fffefe;
-  --secondary-cta: #e7eecd;
+  --secondary-cta: #f0f0f0;
   --secondary-cta-text: #080908;
-  --accent: #35c18b;
+  --accent: #d8e8e8;
-  --background-accent: #ecebe4;
+  --background-accent: #e8e8d8;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);