Update src/app/page.tsx

Merge version_1 into main

src/app/contact-us/page.tsx

@@ -0,0 +1,90 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import ContactCTA from '@/components/sections/contact/ContactCTA';
+import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
+import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
+
+export default function ContactPage() {
+  return (
+    <ThemeProvider
+        defaultButtonVariant="icon-arrow"
+        defaultTextAnimation="background-highlight"
+        borderRadius="pill"
+        contentWidth="smallMedium"
+        sizing="largeSmallSizeMediumTitles"
+        background="grid"
+        cardStyle="gradient-mesh"
+        primaryButtonStyle="gradient"
+        secondaryButtonStyle="layered"
+        headingFontWeight="extrabold"
+    >
+      <ReactLenis root>
+        <div id="nav" data-section="nav">
+            <NavbarStyleCentered
+            navItems={[
+                { name: "Home", id: "/" },
+                { name: "Services", id: "/#features" },
+                { name: "Gallery", id: "/#products" },
+                { name: "About Us", id: "/#about" },
+                { name: "Testimonials", id: "/#testimonials" },
+                { name: "FAQ", id: "/#faq" },
+                { name: "Contact Us", id: "/contact-us" }
+            ]}
+            button={{
+                text: "Book Your Install",                href: "/contact-us"}}
+            />
+        </div>
+
+        <div id="main-contact" data-section="main-contact">
+            <ContactCTA
+            useInvertedBackground={false}
+            background={{
+                variant: "radial-gradient"}}
+            tag="Get in Touch"
+            title="We'd love to hear from you!"
+            description="Ready to discuss your custom automotive styling? Reach out to us directly or give us a call at +18635130498. Our team is here to help transform your vehicle."
+            buttons={[
+                {
+                    text: "Call Us Now",                    href: "tel:+18635130498"},
+                {
+                    text: "Send a Message",                    href: "/contact-us", 
+                }
+            ]}
+            />
+        </div>
+
+        <div id="footer" data-section="footer">
+            <FooterBaseReveal
+            columns={[
+                {
+                    title: "Services",                    items: [
+                        { label: "Starlight Headliners", href: "/#features" },
+                        { label: "Ambient Lighting", href: "/#features" },
+                        { label: "Interior Styling", href: "/#features" },
+                        { label: "Custom Audio", href: "/#features" },
+                    ],
+                },
+                {
+                    title: "Company",                    items: [
+                        { label: "About Us", href: "/#about" },
+                        { label: "Our Gallery", href: "/#products" },
+                        { label: "Testimonials", href: "/#testimonials" },
+                    ],
+                },
+                {
+                    title: "Support",                    items: [
+                        { label: "FAQ", href: "/#faq" },
+                        { label: "Contact Us", href: "/contact-us" },
+                        { label: "Book Now", href: "/contact-us" },
+                    ],
+                },
+            ]}
+            copyrightText="© 2024 Royalty Auto Stylings. All rights reserved."
+            />
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}

src/app/page.tsx

@@ -31,70 +31,43 @@ export default function LandingPage() {
       <NavbarStyleCentered
       navItems={[
         {
-          name: "Home",
+          name: "Home",          id: "/"},
-          id: "home",
-
-        },
         {
-          name: "Services",
+          name: "Services",          id: "/#features"},
-          id: "features",
-
-        },
         {
-          name: "Gallery",
+          name: "Gallery",          id: "/#products"},
-          id: "products",
-
-        },
         {
-          name: "About Us",
+          name: "About Us",          id: "/#about"},
-          id: "about",
-
-        },
         {
-          name: "Testimonials",
+          name: "Testimonials",          id: "/#testimonials"},
-          id: "testimonials",
-
-        },
         {
-          name: "FAQ",
+          name: "FAQ",          id: "/#faq"},
-          id: "faq",
+        {
-
+          name: "Contact Us",          id: "/contact-us"},
-        },
       ]}
       button={{
-        text: "Book Your Install",
+        text: "Book Your Install",        href: "/contact-us"}}
-        href: "#contact",
-      }}
     />
   </div>
 
   <div id="home" data-section="home">
       <HeroSplitKpi
       background={{
-        variant: "sparkles-gradient",
+        variant: "sparkles-gradient"}}
-      }}
       title="Drive in Royalty"
       description="Custom lighting and interior styling that transforms your car into an experience. Trusted across Polk County for precision installs and flawless craftsmanship."
       kpis={[
         {
-          value: "500+",
+          value: "500+",          label: "Customizations Delivered"},
-          label: "Customizations Delivered",
-        },
         {
-          value: "10+",
+          value: "10+",          label: "Years of Expertise"},
-          label: "Years of Expertise",
-        },
         {
-          value: "5-Star",
+          value: "5-Star",          label: "Client Reviews"},
-          label: "Client Reviews",
-        },
       ]}
       enableKpiAnimation={true}
       buttons={[
         {
-          text: "Book Your Install",
+          text: "Book Your Install",          href: "/contact-us"},
-          href: "#contact",
-        },
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/car-interior-with-panoramic-roof-driver-rain-rear-view_169016-68088.jpg"
       imageAlt="Luxurious custom car interior with starlight headliner"
@@ -107,14 +80,10 @@ export default function LandingPage() {
       useInvertedBackground={false}
       title="Crafting Automotive Excellence"
       description={[
-        "At Royalty Auto Stylings, we believe your vehicle is an extension of your personality. Our passion lies in transforming ordinary interiors into extraordinary statements of luxury and individuality. With meticulous attention to detail and unparalleled craftsmanship, we deliver bespoke automotive customization services that truly reflect royalty.",
+        "At Royalty Auto Stylings, we believe your vehicle is an extension of your personality. Our passion lies in transforming ordinary interiors into extraordinary statements of luxury and individuality. With meticulous attention to detail and unparalleled craftsmanship, we deliver bespoke automotive customization services that truly reflect royalty.",        "From the shimmering allure of starlight headliners to the sophisticated glow of ambient lighting, every project is a testament to our commitment to perfection. We use only premium materials and advanced techniques, ensuring durability, flawless integration, and an aesthetic that transcends expectations. Experience the difference that comes from a team dedicated to elevating your ride to a work of art."]}
-        "From the shimmering allure of starlight headliners to the sophisticated glow of ambient lighting, every project is a testament to our commitment to perfection. We use only premium materials and advanced techniques, ensuring durability, flawless integration, and an aesthetic that transcends expectations. Experience the difference that comes from a team dedicated to elevating your ride to a work of art.",
-      ]}
       buttons={[
         {
-          text: "Explore Our Services",
+          text: "Explore Our Services",          href: "/#features"},
-          href: "#features",
-        },
       ]}
     />
   </div>
@@ -127,25 +96,13 @@ export default function LandingPage() {
       tag="Our Expertise"
       accordionItems={[
         {
-          id: "starlight",
+          id: "starlight",          title: "Starlight Headliners",          content: "Experience the magic of a custom fiber-optic starlight headliner, transforming your car's ceiling into a breathtaking celestial display. Fully customizable patterns and colors for ultimate personalization."},
-          title: "Starlight Headliners",
-          content: "Experience the magic of a custom fiber-optic starlight headliner, transforming your car's ceiling into a breathtaking celestial display. Fully customizable patterns and colors for ultimate personalization.",
-        },
         {
-          id: "ambient",
+          id: "ambient",          title: "Dynamic Ambient Lighting",          content: "Elevate your driving experience with customizable RGB ambient lighting. Integrate dynamic light flows throughout your interior, offering a spectrum of colors and moods at your fingertips."},
-          title: "Dynamic Ambient Lighting",
-          content: "Elevate your driving experience with customizable RGB ambient lighting. Integrate dynamic light flows throughout your interior, offering a spectrum of colors and moods at your fingertips.",
-        },
         {
-          id: "styling",
+          id: "styling",          title: "Premium Interior Styling",          content: "Beyond lighting, we offer comprehensive interior upgrades including bespoke upholstery, carbon fiber accents, custom steering wheels, and high-grade material replacements to redefine luxury."},
-          title: "Premium Interior Styling",
-          content: "Beyond lighting, we offer comprehensive interior upgrades including bespoke upholstery, carbon fiber accents, custom steering wheels, and high-grade material replacements to redefine luxury.",
-        },
         {
-          id: "audio",
+          id: "audio",          title: "Custom Audio Solutions",          content: "Immerse yourself in crystal-clear sound with our expertly installed custom audio systems. From premium speakers to powerful subwoofers, we craft an auditory experience to match your visual luxury."},
-          title: "Custom Audio Solutions",
-          content: "Immerse yourself in crystal-clear sound with our expertly installed custom audio systems. From premium speakers to powerful subwoofers, we craft an auditory experience to match your visual luxury.",
-        },
       ]}
       imageSrc="http://img.b2bpic.net/free-vector/shinny-lights-pattern-background_1409-1946.jpg"
       imageAlt="Custom starlight headliner in a luxury car"
@@ -162,39 +119,23 @@ export default function LandingPage() {
       carouselMode="buttons"
       products={[
         {
-          id: "1",
+          id: "1",          brand: "Rolls-Royce",          name: "Phantom Starlight Upgrade",          price: "Upon Request",          rating: 5,
-          brand: "Rolls-Royce",
+          reviewCount: "22",          imageSrc: "http://img.b2bpic.net/free-photo/back-black-car-with-red-rear-light_23-2147963062.jpg",          imageAlt: "Rolls-Royce Phantom with custom starlight headliner"},
-          name: "Phantom Starlight Upgrade",
-          price: "Upon Request",
-          rating: 5,
-          reviewCount: "22",
-          imageSrc: "http://img.b2bpic.net/free-photo/back-black-car-with-red-rear-light_23-2147963062.jpg",
-          imageAlt: "Rolls-Royce Phantom with custom starlight headliner",
-        },
         {
-          id: "2",
+          id: "2",          brand: "Mercedes-Benz",          name: "S-Class Ambient Lighting",          price: "Upon Request",          rating: 5,
-          brand: "Mercedes-Benz",
+          reviewCount: "18",          imageSrc: "http://img.b2bpic.net/free-photo/closeup-car-speed-indicators-car-night_169016-51228.jpg",          imageAlt: "Mercedes-Benz S-Class interior with custom ambient lighting"},
-          name: "S-Class Ambient Lighting",
-          price: "Upon Request",
-          rating: 5,
-          reviewCount: "18",
-          imageSrc: "http://img.b2bpic.net/free-photo/closeup-car-speed-indicators-car-night_169016-51228.jpg",
-          imageAlt: "Mercedes-Benz S-Class interior with custom ambient lighting",
-        },
         {
-          id: "3",
+          id: "3",          brand: "Porsche",          name: "911 Bespoke Interior Refinement",          price: "Upon Request",          rating: 5,
-          brand: "Porsche",
+          reviewCount: "15",          imageSrc: "http://img.b2bpic.net/free-photo/still-life-office-chair-indoors_23-2151108762.jpg",          imageAlt: "Porsche 911 interior with bespoke leather and carbon fiber styling"},
-          name: "911 Bespoke Interior Refinement",
-          price: "Upon Request",
-          rating: 5,
-          reviewCount: "15",
-          imageSrc: "http://img.b2bpic.net/free-photo/still-life-office-chair-indoors_23-2151108762.jpg",
-          imageAlt: "Porsche 911 interior with bespoke leather and carbon fiber styling",
-        },
       ]}
       title="Masterpieces in Motion"
       description="Browse our gallery of recent transformations. Each project is a unique expression of luxury, tailored to our clients' discerning tastes."
       tag="Our Work"
+      buttons={[
+        {
+          text: "Contact for Details",          href: "/contact-us"
+        }
+      ]}
     />
   </div>
 
@@ -204,45 +145,15 @@ export default function LandingPage() {
       useInvertedBackground={false}
       testimonials={[
         {
-          id: "1",
+          id: "1",          title: "Beyond Expectations!",          quote: "Royalty Auto Stylings turned my car's interior into a true masterpiece. The starlight headliner is absolutely stunning, and the attention to detail is unmatched. I couldn't be happier!",          name: "Marcus A.",          role: "Luxury Car Collector",          imageSrc: "http://img.b2bpic.net/free-photo/happy-black-mechanic-taking-notes-while-talking-customer-auto-repair-shop_637285-11587.jpg"},
-          title: "Beyond Expectations!",
-          quote: "Royalty Auto Stylings turned my car's interior into a true masterpiece. The starlight headliner is absolutely stunning, and the attention to detail is unmatched. I couldn't be happier!",
-          name: "Marcus A.",
-          role: "Luxury Car Collector",
-          imageSrc: "http://img.b2bpic.net/free-photo/happy-black-mechanic-taking-notes-while-talking-customer-auto-repair-shop_637285-11587.jpg",
-        },
         {
-          id: "2",
+          id: "2",          title: "A True Transformation",          quote: "The ambient lighting package they installed has completely changed the feel of my vehicle. Every drive now feels like a premium experience. Professional, precise, and polite service.",          name: "Sophia L.",          role: "Entrepreneur",          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-travelling-by-her-car_1303-28807.jpg"},
-          title: "A True Transformation",
-          quote: "The ambient lighting package they installed has completely changed the feel of my vehicle. Every drive now feels like a premium experience. Professional, precise, and polite service.",
-          name: "Sophia L.",
-          role: "Entrepreneur",
-          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-travelling-by-her-car_1303-28807.jpg",
-        },
         {
-          id: "3",
+          id: "3",          title: "Unrivaled Quality",          quote: "I'm incredibly particular about my car, and Royalty Auto Stylings exceeded every one of my high standards. The custom styling and material upgrades are flawless. The best in Polk County!",          name: "David R.",          role: "Automotive Enthusiast",          imageSrc: "http://img.b2bpic.net/free-photo/portrait-positive-businessman-hailing-cab_1262-7263.jpg"},
-          title: "Unrivaled Quality",
-          quote: "I'm incredibly particular about my car, and Royalty Auto Stylings exceeded every one of my high standards. The custom styling and material upgrades are flawless. The best in Polk County!",
-          name: "David R.",
-          role: "Automotive Enthusiast",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-positive-businessman-hailing-cab_1262-7263.jpg",
-        },
         {
-          id: "4",
+          id: "4",          title: "Exceptional Craftsmanship",          quote: "From the initial consultation to the final reveal, the team was outstanding. Their dedication to craftsmanship is evident in every detail. My car truly feels like royalty now.",          name: "Elena P.",          role: "Business Owner",          imageSrc: "http://img.b2bpic.net/free-photo/shot-beautiful-young-businesswoman-wearing-blue-chiffon-shirt-while-standing-with-folded-arms-black-wall_158595-6868.jpg"},
-          title: "Exceptional Craftsmanship",
-          quote: "From the initial consultation to the final reveal, the team was outstanding. Their dedication to craftsmanship is evident in every detail. My car truly feels like royalty now.",
-          name: "Elena P.",
-          role: "Business Owner",
-          imageSrc: "http://img.b2bpic.net/free-photo/shot-beautiful-young-businesswoman-wearing-blue-chiffon-shirt-while-standing-with-folded-arms-black-wall_158595-6868.jpg",
-        },
         {
-          id: "5",
+          id: "5",          title: "Highly Recommended!",          quote: "Royalty Auto Stylings is the only place I'll trust with my vehicle. The ambient lighting adds such a sophisticated touch, and their customer service is top-notch. Truly a premium experience.",          name: "Michael S.",          role: "Finance Executive",          imageSrc: "http://img.b2bpic.net/free-photo/blonde-woman-showing-car-keys-medium-shot_23-2148266238.jpg"},
-          title: "Highly Recommended!",
-          quote: "Royalty Auto Stylings is the only place I'll trust with my vehicle. The ambient lighting adds such a sophisticated touch, and their customer service is top-notch. Truly a premium experience.",
-          name: "Michael S.",
-          role: "Finance Executive",
-          imageSrc: "http://img.b2bpic.net/free-photo/blonde-woman-showing-car-keys-medium-shot_23-2148266238.jpg",
-        },
       ]}
       title="Voices of Royalty"
       description="Hear directly from our satisfied clientele who have experienced the unparalleled craftsmanship and transformative power of Royalty Auto Stylings."
@@ -256,25 +167,13 @@ export default function LandingPage() {
       useInvertedBackground={false}
       faqs={[
         {
-          id: "1",
+          id: "1",          title: "How long does a typical customization project take?",          content: "Project timelines vary depending on the complexity of the services. A starlight headliner might take 2-3 days, while a full interior restyling could take up to 1-2 weeks. We provide an estimated timeline during your initial consultation."},
-          title: "How long does a typical customization project take?",
-          content: "Project timelines vary depending on the complexity of the services. A starlight headliner might take 2-3 days, while a full interior restyling could take up to 1-2 weeks. We provide an estimated timeline during your initial consultation.",
-        },
         {
-          id: "2",
+          id: "2",          title: "What kind of materials do you use?",          content: "We exclusively use premium, automotive-grade materials for all our customizations. This includes high-quality leather, Alcantara, genuine carbon fiber, and durable fiber optics to ensure longevity and a luxurious finish."},
-          title: "What kind of materials do you use?",
-          content: "We exclusively use premium, automotive-grade materials for all our customizations. This includes high-quality leather, Alcantara, genuine carbon fiber, and durable fiber optics to ensure longevity and a luxurious finish.",
-        },
         {
-          id: "3",
+          id: "3",          title: "Do you offer warranty on your installations?",          content: "Yes, we stand by the quality of our work. All installations come with a comprehensive warranty covering parts and labor. Specific warranty details will be provided with your service agreement."},
-          title: "Do you offer warranty on your installations?",
-          content: "Yes, we stand by the quality of our work. All installations come with a comprehensive warranty covering parts and labor. Specific warranty details will be provided with your service agreement.",
-        },
         {
-          id: "4",
+          id: "4",          title: "Can I visualize my custom design before installation?",          content: "Absolutely! We offer advanced visualization tools to help you see your custom design come to life before we begin installation. This ensures your vision is perfectly matched and you're fully satisfied."},
-          title: "Can I visualize my custom design before installation?",
-          content: "Absolutely! We offer advanced visualization tools to help you see your custom design come to life before we begin installation. This ensures your vision is perfectly matched and you're fully satisfied.",
-        },
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/hand-pressing-button-gear-stick_23-2148321868.jpg"
       imageAlt="Close-up of luxury car interior detail"
@@ -290,16 +189,13 @@ export default function LandingPage() {
       <ContactCTA
       useInvertedBackground={false}
       background={{
-        variant: "radial-gradient",
+        variant: "radial-gradient"}}
-      }}
       tag="Start Your Transformation"
       title="Book Your Bespoke Auto Styling Today"
       description="Ready to elevate your vehicle to an expression of true luxury? Contact Royalty Auto Stylings to discuss your vision and schedule your personalized consultation. Our team in Polk County is eager to bring your automotive dreams to life."
       buttons={[
         {
-          text: "Get a Quote",
+          text: "Get a Quote",          href: "/contact-us"},
-          href: "#",
-        },
       ]}
     />
   </div>
@@ -308,58 +204,35 @@ export default function LandingPage() {
       <FooterBaseReveal
       columns={[
         {
-          title: "Services",
+          title: "Services",          items: [
-          items: [
             {
-              label: "Starlight Headliners",
+              label: "Starlight Headliners",              href: "/#features"},
-              href: "#features",
-            },
             {
-              label: "Ambient Lighting",
+              label: "Ambient Lighting",              href: "/#features"},
-              href: "#features",
-            },
             {
-              label: "Interior Styling",
+              label: "Interior Styling",              href: "/#features"},
-              href: "#features",
-            },
             {
-              label: "Custom Audio",
+              label: "Custom Audio",              href: "/#features"},
-              href: "#features",
-            },
           ],
         },
         {
-          title: "Company",
+          title: "Company",          items: [
-          items: [
             {
-              label: "About Us",
+              label: "About Us",              href: "/#about"},
-              href: "#about",
-            },
             {
-              label: "Our Gallery",
+              label: "Our Gallery",              href: "/#products"},
-              href: "#products",
-            },
             {
-              label: "Testimonials",
+              label: "Testimonials",              href: "/#testimonials"},
-              href: "#testimonials",
-            },
           ],
         },
         {
-          title: "Support",
+          title: "Support",          items: [
-          items: [
             {
-              label: "FAQ",
+              label: "FAQ",              href: "/#faq"},
-              href: "#faq",
-            },
             {
-              label: "Contact Us",
+              label: "Contact Us",              href: "/contact-us"},
-              href: "#contact",
-            },
             {
-              label: "Book Now",
+              label: "Book Now",              href: "/contact-us"},
-              href: "#contact",
-            },
           ],
         },
       ]}