Update src/app/page.tsx

Merge version_1 into main

src/app/page.tsx

@@ -28,22 +28,10 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarStyleApple
       navItems={[
-        {
+        { name: "About", id: "about" },
-          name: "About",
+        { name: "Services", id: "pricing" },
-          id: "about",
+        { name: "FAQs", id: "faq" },
-        },
+        { name: "Book Now", id: "contact" },
-        {
-          name: "Services",
-          id: "pricing",
-        },
-        {
-          name: "FAQs",
-          id: "faq",
-        },
-        {
-          name: "Book Now",
-          id: "contact",
-        },
       ]}
       brandName="AutoShine Mobile"
     />
@@ -51,20 +39,12 @@ export default function LandingPage() {
 
   <div id="hero" data-section="hero">
       <HeroSplit
-      background={{
+      background={{ variant: "gradient-bars" }}
-        variant: "gradient-bars",
-      }}
       title="Professional Mobile Detailing"
       description="Premium car detailing brought right to your driveway. We restore your vehicle's showroom shine with convenience and precision."
       buttons={[
-        {
+        { text: "Book Now", href: "#contact" },
-          text: "Book Now",
+        { text: "View Packages", href: "#pricing" },
-          href: "#contact",
-        },
-        {
-          text: "View Packages",
-          href: "#pricing",
-        },
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193620.jpg?_wi=1"
       imageAlt="Professional car detailing service"
@@ -76,19 +56,9 @@ export default function LandingPage() {
       <InlineImageSplitTextAbout
       useInvertedBackground={false}
       heading={[
-        {
+        { type: "text", content: "Care for your car, " },
-          type: "text",
+        { type: "text", content: "convenience for you." },
-          content: "Care for your car, ",
+        { type: "image", src: "http://img.b2bpic.net/free-photo/mid-adult-mechanic-examining-vehicle-hood-while-working-auto-repair-shop_637285-7664.jpg", alt: "Professional car care specialist performing meticulous cleaning" },
-        },
-        {
-          type: "text",
-          content: "convenience for you.",
-        },
-        {
-          type: "image",
-          src: "http://img.b2bpic.net/free-photo/mid-adult-mechanic-examining-vehicle-hood-while-working-auto-repair-shop_637285-7664.jpg",
-          alt: "Professional car care specialist performing meticulous cleaning",
-        },
       ]}
     />
   </div>
@@ -100,61 +70,16 @@ export default function LandingPage() {
       useInvertedBackground={false}
       plans={[
         {
-          id: "exterior",
+          id: "exterior",          badge: "Popular",          price: "$80",          subtitle: "Exterior Detail",          features: ["Hand wash & dry", "Tire & rim cleaning", "Wax for protection & shine", "Window cleaning", "Bug & tar removal"],
-          badge: "Popular",
+          buttons: [{ text: "Book Exterior", href: "#contact" }],
-          price: "$80",
-          subtitle: "Exterior Detail",
-          features: [
-            "Hand wash & dry",
-            "Tire & rim cleaning",
-            "Wax for protection & shine",
-            "Window cleaning",
-            "Bug & tar removal",
-          ],
-          buttons: [
-            {
-              text: "Book Exterior",
-              href: "#contact",
-            },
-          ],
         },
         {
-          id: "interior",
+          id: "interior",          badge: "Fresh",          price: "$100",          subtitle: "Interior Detail",          features: ["Full vacuum & upholstery care", "Wipe down & sanitize surfaces", "Dashboard & console cleaning", "Window & mirror cleaning", "Interior scent refresh"],
-          badge: "Fresh",
+          buttons: [{ text: "Book Interior", href: "#contact" }],
-          price: "$100",
-          subtitle: "Interior Detail",
-          features: [
-            "Full vacuum & upholstery care",
-            "Wipe down & sanitize surfaces",
-            "Dashboard & console cleaning",
-            "Window & mirror cleaning",
-            "Interior scent refresh",
-          ],
-          buttons: [
-            {
-              text: "Book Interior",
-              href: "#contact",
-            },
-          ],
         },
         {
-          id: "full",
+          id: "full",          badge: "Best Value",          price: "$150",          subtitle: "Full Detail",          features: ["Complete interior deep clean", "Premium exterior hand wax", "Engine bay light cleaning", "Leather conditioning treatment", "Full showroom gloss finish"],
-          badge: "Best Value",
+          buttons: [{ text: "Book Full Detail", href: "#contact" }],
-          price: "$150",
-          subtitle: "Full Detail",
-          features: [
-            "Complete interior deep clean",
-            "Premium exterior hand wax",
-            "Engine bay light cleaning",
-            "Leather conditioning treatment",
-            "Full showroom gloss finish",
-          ],
-          buttons: [
-            {
-              text: "Book Full Detail",
-              href: "#contact",
-            },
-          ],
         },
       ]}
       title="Our Detailing Packages"
@@ -167,31 +92,11 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       faqs={[
-        {
+        { id: "1", title: "Do I need to provide water?", content: "No, we come fully equipped with our own water and power supply to handle any location." },
-          id: "1",
+        { id: "2", title: "How long does a full detail take?", content: "Typically between 2 to 4 hours depending on the condition, size, and type of your vehicle." },
-          title: "Do I need to provide water?",
+        { id: "3", title: "Can I add pet hair removal?", content: "Yes! We offer a specialized deep cleaning pet hair removal add-on for an additional $25." },
-          content: "No, we come fully equipped with our own water and power supply to handle any location.",
+        { id: "4", title: "Are your cleaning products safe?", content: "Absolutely. We only use high-quality, eco-friendly, and pH-balanced products safe for all vehicle surfaces." },
-        },
+        { id: "5", title: "Do you need access to a garage?", content: "No, our service is completely mobile. We can detail your car in your driveway, at your office, or any parking space." },
-        {
-          id: "2",
-          title: "How long does a full detail take?",
-          content: "Typically between 2 to 4 hours depending on the condition, size, and type of your vehicle.",
-        },
-        {
-          id: "3",
-          title: "Can I add pet hair removal?",
-          content: "Yes! We offer a specialized deep cleaning pet hair removal add-on for an additional $25.",
-        },
-        {
-          id: "4",
-          title: "Are your cleaning products safe?",
-          content: "Absolutely. We only use high-quality, eco-friendly, and pH-balanced products safe for all vehicle surfaces.",
-        },
-        {
-          id: "5",
-          title: "Do you need access to a garage?",
-          content: "No, our service is completely mobile. We can detail your car in your driveway, at your office, or any parking space.",
-        },
       ]}
       title="Common Questions"
       description="Everything you need to know about our mobile service."
@@ -205,9 +110,7 @@ export default function LandingPage() {
   <div id="contact" data-section="contact">
       <ContactSplit
       useInvertedBackground={false}
-      background={{
+      background={{ variant: "plain" }}
-        variant: "plain",
-      }}
       tag="Ready to ride clean?"
       title="Book Your Appointment"
       description="Schedule your mobile detailing session with us today and let us bring the showroom shine to you."
@@ -221,30 +124,10 @@ export default function LandingPage() {
       <FooterSimple
       columns={[
         {
-          title: "Company",
+          title: "Company",          items: [{ label: "About Us", href: "#about" }, { label: "Services", href: "#pricing" }],
-          items: [
-            {
-              label: "About Us",
-              href: "#about",
-            },
-            {
-              label: "Services",
-              href: "#pricing",
-            },
-          ],
         },
         {
-          title: "Support",
+          title: "Support",          items: [{ label: "Contact", href: "#contact" }, { label: "Privacy Policy", href: "#" }],
-          items: [
-            {
-              label: "Contact",
-              href: "#contact",
-            },
-            {
-              label: "Privacy Policy",
-              href: "#",
-            },
-          ],
         },
       ]}
       bottomLeftText="© 2024 AutoShine Mobile Detailing"
@@ -254,4 +137,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}