Merge version_2 into main

Merge version_2 into main

src/app/configure/page.tsx

@@ -2,12 +2,11 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import FaqDouble from '@/components/sections/faq/FaqDouble';
-import FeatureCardTwentyOne from '@/components/sections/feature/FeatureCardTwentyOne';
-import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
 import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
+import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
+import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
 
-export default function LandingPage() {
+export default function ConfigurePage() {
   return (
     <ThemeProvider
         defaultButtonVariant="directional-hover"
@@ -22,124 +21,52 @@ export default function LandingPage() {
         headingFontWeight="normal"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
+        <div id="nav" data-section="nav">
-      <NavbarStyleApple
+            <NavbarStyleApple
-      navItems={[
+              navItems={[
-        {
+                { name: "Home", id: "/" },
-          name: "Home",
+                { name: "Configure", id: "/configure" },
-          id: "/",
+                { name: "Engineering", id: "/engineering" },
-        },
+              ]}
-        {
+              brandName="Aethelgard"
-          name: "Configure",
+            />
-          id: "/configure",
+        </div>
-        },
-        {
-          name: "Engineering",
-          id: "/engineering",
-        },
-      ]}
-      brandName="Aethelgard"
-    />
-  </div>
 
-  <div id="config-section" data-section="config-section">
+        <div id="configure-form" data-section="configure-form">
-      <FeatureCardTwentyOne
+            <ContactSplitForm
-      useInvertedBackground={false}
+                title="Configure Your AE-1"
-      title="Configure Your AE-1"
+                description="Select your interior trims, exterior colors, and performance wheels to build your dream machine."
-      description="Customize your machine with performance-grade materials, color-shifting finishes, and track-focused performance packages."
+                useInvertedBackground={false}
-      accordionItems={[
+                inputs={[
-        {
+                    { name: "exterior", type: "text", placeholder: "Exterior Color (e.g. Midnight Black)", required: true },
-          id: "c1",
+                    { name: "interior", type: "text", placeholder: "Interior Trim (e.g. Alcantara)", required: true }
-          title: "Exterior Color",
+                ]}
-          content: "Choose from our signature Aero-Blue, Matte Stealth, or Liquid Crimson finishes.",
+                multiSelect={{ name: "rims", label: "Select Wheels", options: ["Carbon Fiber - 20\"", "Forged Alloy - 20\"", "Lightweight Track - 19\""] }}
-        },
+                textarea={{ name: "custom", placeholder: "Any additional performance requests?", rows: 4 }}
-        {
+                buttonText="Submit Configuration"
-          id: "c2",
+            />
-          title: "Performance Package",
+        </div>
-          content: "Opt for the Track-Attack package to upgrade to carbon-ceramic brakes and an aggressive variable wing.",
-        },
-        {
-          id: "c3",
-          title: "Interior Finish",
-          content: "Premium Alcantara and laser-cut carbon fiber trim for the cockpit.",
-        },
-      ]}
-      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CWTwT4e7ZbMNeHH1TuQavpTmv3/uploaded-1776500778194-nsmotksc.png"
-      mediaAnimation="opacity"
-    />
-  </div>
 
-  <div id="faq" data-section="faq">
+        <div id="footer" data-section="footer">
-      <FaqDouble
+            <FooterBaseReveal
-      textboxLayout="default"
+              logoText="AETHELGARD"
-      useInvertedBackground={false}
+              columns={[
-      title="Configurator Support"
+                {
-      description="Frequently asked questions regarding order customization and delivery timelines."
+                  title: "Vehicles",                  items: [
-      faqs={[
+                    { label: "AE-1", href: "/configure" },
-        {
+                    { label: "Performance", href: "/engineering" },
-          id: "f1",
+                  ],
-          title: "Lead Time",
+                },
-          content: "Custom builds take 6-8 months for assembly and testing.",
+                {
-        },
+                  title: "Company",                  items: [
-        {
+                    { label: "Heritage", href: "#" },
-          id: "f2",
+                    { label: "Careers", href: "#" },
-          title: "Delivery",
+                  ],
-          content: "Global white-glove transport service included.",
+                },
-        },
+              ]}
-        {
+              copyrightText="© 2024 Aethelgard Motorworks."
-          id: "f3",
+            />
-          title: "Maintenance",
+        </div>
-          content: "Mobile service teams available worldwide.",
-        },
-        {
-          id: "f4",
-          title: "Warranty",
-          content: "Comprehensive 5-year unlimited mileage warranty.",
-        },
-        {
-          id: "f5",
-          title: "Customization",
-          content: "Bespoke color matching is available upon request.",
-        },
-      ]}
-      faqsAnimation="slide-up"
-    />
-  </div>
-
-  <div id="footer" data-section="footer">
-      <FooterBaseReveal
-      logoText="AETHELGARD"
-      columns={[
-        {
-          title: "Vehicles",
-          items: [
-            {
-              label: "AE-1",
-              href: "/configure",
-            },
-            {
-              label: "Performance",
-              href: "/engineering",
-            },
-          ],
-        },
-        {
-          title: "Company",
-          items: [
-            {
-              label: "Heritage",
-              href: "#",
-            },
-            {
-              label: "Careers",
-              href: "#",
-            },
-          ],
-        },
-      ]}
-      copyrightText="© 2024 Aethelgard Motorworks."
-    />
-  </div>
       </ReactLenis>
     </ThemeProvider>
   );

src/app/page.tsx

@@ -46,7 +46,7 @@ export default function LandingPage() {
                 { text: "Configure Now", href: "/configure" },
                 { text: "Learn More", href: "/engineering" },
               ]}
-              imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CWTwT4e7ZbMNeHH1TuQavpTmv3/uploaded-1776500778193-6y4xx147.png"
+              imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CWTwT4e7ZbMNeHH1TuQavpTmv3/uploaded-1776501674434-tvpf4f71.png"
               imageAlt="Aethelgard AE-1 Sports Car"
               avatars={[
                 { src: "http://img.b2bpic.net/free-photo/portrait-handsome-young-businessman-car_23-2147873892.jpg", alt: "Test driver" },
@@ -73,7 +73,7 @@ export default function LandingPage() {
               description="The AE-1 features active aerodynamics that adapt in milliseconds, ensuring maximum downforce when you need it and minimal drag when you don't."
               subdescription="Every curve, every duct, and every blade serves a singular purpose."
               icon={Zap}
-              imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CWTwT4e7ZbMNeHH1TuQavpTmv3/uploaded-1776500778194-7iwtu65y.png"
+              imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CWTwT4e7ZbMNeHH1TuQavpTmv3/uploaded-1776501707791-3rvd14c5.png"
               mediaAnimation="slide-up"
             />
         </div>