Merge version_2 into main
Merge version_2 into main
This commit was merged in pull request #7.
This commit is contained in:
@@ -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,125 +21,53 @@ export default function LandingPage() {
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
{
|
||||
name: "Configure",
|
||||
id: "/configure",
|
||||
},
|
||||
{
|
||||
name: "Engineering",
|
||||
id: "/engineering",
|
||||
},
|
||||
]}
|
||||
brandName="Aethelgard"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Configure", id: "/configure" },
|
||||
{ name: "Engineering", id: "/engineering" },
|
||||
]}
|
||||
brandName="Aethelgard"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="config-section" data-section="config-section">
|
||||
<FeatureCardTwentyOne
|
||||
useInvertedBackground={false}
|
||||
title="Configure Your AE-1"
|
||||
description="Customize your machine with performance-grade materials, color-shifting finishes, and track-focused performance packages."
|
||||
accordionItems={[
|
||||
{
|
||||
id: "c1",
|
||||
title: "Exterior Color",
|
||||
content: "Choose from our signature Aero-Blue, Matte Stealth, or Liquid Crimson finishes.",
|
||||
},
|
||||
{
|
||||
id: "c2",
|
||||
title: "Performance Package",
|
||||
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="configure-form" data-section="configure-form">
|
||||
<ContactSplitForm
|
||||
title="Configure Your AE-1"
|
||||
description="Select your interior trims, exterior colors, and performance wheels to build your dream machine."
|
||||
useInvertedBackground={false}
|
||||
inputs={[
|
||||
{ name: "exterior", type: "text", placeholder: "Exterior Color (e.g. Midnight Black)", required: true },
|
||||
{ name: "interior", type: "text", placeholder: "Interior Trim (e.g. Alcantara)", required: true }
|
||||
]}
|
||||
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"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqDouble
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Configurator Support"
|
||||
description="Frequently asked questions regarding order customization and delivery timelines."
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Lead Time",
|
||||
content: "Custom builds take 6-8 months for assembly and testing.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Delivery",
|
||||
content: "Global white-glove transport service included.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Maintenance",
|
||||
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>
|
||||
<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>
|
||||
);
|
||||
}
|
||||
}
|
||||
@@ -141,4 +141,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user