Merge version_2 into main #1
207
src/app/page.tsx
207
src/app/page.tsx
@@ -32,21 +32,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Über uns",
|
||||
id: "about",
|
||||
},
|
||||
name: "Über uns", id: "about"},
|
||||
{
|
||||
name: "Modelle",
|
||||
id: "products",
|
||||
},
|
||||
name: "Modelle", id: "products"},
|
||||
{
|
||||
name: "Kontakt",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Kontakt", id: "contact"},
|
||||
]}
|
||||
brandName="Asica"
|
||||
/>
|
||||
@@ -55,41 +47,26 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardCarousel
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Asica Automobile"
|
||||
description="Erleben Sie die Zukunft der automobilen Mobilität – nachhaltig, innovativ und kompromisslos im Design."
|
||||
buttons={[
|
||||
{
|
||||
text: "Modelle erkunden",
|
||||
href: "#products",
|
||||
},
|
||||
text: "Modelle erkunden", href: "#products"},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-white-shirt-is-sitting-hood-car_72229-148.jpg",
|
||||
imageAlt: "Luxuriöses Elektrofahrzeug auf Bergstraße",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-white-shirt-is-sitting-hood-car_72229-148.jpg", imageAlt: "Luxuriöses Elektrofahrzeug auf Bergstraße"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/minivan-with-roof-box-driving-across-bridge-golden-hour-sunset-travel_169016-69934.jpg",
|
||||
imageAlt: "Asica Design im Detail",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/minivan-with-roof-box-driving-across-bridge-golden-hour-sunset-travel_169016-69934.jpg", imageAlt: "Asica Design im Detail"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-pretty-woman-front-car_23-2148384977.jpg",
|
||||
imageAlt: "Innovationsstarke Leistung",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-pretty-woman-front-car_23-2148384977.jpg", imageAlt: "Innovationsstarke Leistung"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-sitting-electo-car_1303-15004.jpg",
|
||||
imageAlt: "Nachhaltiges Engineering",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-sitting-electo-car_1303-15004.jpg", imageAlt: "Nachhaltiges Engineering"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-customer-with-business-person-car-dealership_23-2149117168.jpg",
|
||||
imageAlt: "Dynamik pur",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-customer-with-business-person-car-dealership_23-2149117168.jpg", imageAlt: "Dynamik pur"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/black-modern-suv-driving-winter-highway-dynamic-snowy-road-travel_169016-71564.jpg",
|
||||
imageAlt: "Zukunftsvision",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/black-modern-suv-driving-winter-highway-dynamic-snowy-road-travel_169016-71564.jpg", imageAlt: "Zukunftsvision"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -99,24 +76,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "Tradition trifft auf ",
|
||||
},
|
||||
type: "text", content: "Tradition trifft auf "},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/view-man-s-strong-hands-with-leather-bracelets-fixing-gear-machine_181624-58135.jpg",
|
||||
alt: "Asica Innovation",
|
||||
},
|
||||
type: "image", src: "http://img.b2bpic.net/free-photo/view-man-s-strong-hands-with-leather-bracelets-fixing-gear-machine_181624-58135.jpg", alt: "Asica Innovation"},
|
||||
{
|
||||
type: "text",
|
||||
content: " Moderne Technologie.",
|
||||
},
|
||||
type: "text", content: " Moderne Technologie."},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Mehr erfahren",
|
||||
href: "#",
|
||||
},
|
||||
text: "Mehr erfahren", href: "#"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -129,23 +97,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Maximale Reichweite",
|
||||
description: "Dank modernster Batterietechnologie setzen wir neue Standards.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/technology-electronic-computer-motherboard_1387-678.jpg",
|
||||
imageAlt: "Batterietechnik",
|
||||
},
|
||||
title: "Maximale Reichweite", description: "Dank modernster Batterietechnologie setzen wir neue Standards.", imageSrc: "http://img.b2bpic.net/free-photo/technology-electronic-computer-motherboard_1387-678.jpg", imageAlt: "Batterietechnik"},
|
||||
{
|
||||
title: "Nachhaltige Materialien",
|
||||
description: "Hochwertige, recycelte Materialien für eine bessere Zukunft.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-little-music-boxes_52683-121766.jpg",
|
||||
imageAlt: "Materialien",
|
||||
},
|
||||
title: "Nachhaltige Materialien", description: "Hochwertige, recycelte Materialien für eine bessere Zukunft.", imageSrc: "http://img.b2bpic.net/free-photo/still-life-little-music-boxes_52683-121766.jpg", imageAlt: "Materialien"},
|
||||
{
|
||||
title: "Intelligente Assistenz",
|
||||
description: "Fahrassistenten, die mitdenken und Sie sicher ans Ziel bringen.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-tiny-music-boxes-collection_23-2150545654.jpg",
|
||||
imageAlt: "Assistenzsysteme",
|
||||
},
|
||||
title: "Intelligente Assistenz", description: "Fahrassistenten, die mitdenken und Sie sicher ans Ziel bringen.", imageSrc: "http://img.b2bpic.net/free-photo/view-tiny-music-boxes-collection_23-2150545654.jpg", imageAlt: "Assistenzsysteme"},
|
||||
]}
|
||||
title="Warum Asica?"
|
||||
description="Unsere Philosophie basiert auf drei Säulen höchster Ingenieurskunst."
|
||||
@@ -160,47 +116,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Asica E-Sedan",
|
||||
price: "ab 55.000€",
|
||||
variant: "Limousine",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blue-pads-wheel-car_114579-4034.jpg",
|
||||
},
|
||||
id: "p1", name: "Asica E-Sedan", price: "ab 55.000€", variant: "Limousine", imageSrc: "http://img.b2bpic.net/free-photo/blue-pads-wheel-car_114579-4034.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Asica Cross-SUV",
|
||||
price: "ab 62.000€",
|
||||
variant: "SUV",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/off-road-travel-dirt-road-road_1153-4376.jpg",
|
||||
},
|
||||
id: "p2", name: "Asica Cross-SUV", price: "ab 62.000€", variant: "SUV", imageSrc: "http://img.b2bpic.net/free-photo/off-road-travel-dirt-road-road_1153-4376.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Asica City-Compact",
|
||||
price: "ab 38.000€",
|
||||
variant: "Hatchback",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-electric-car-france_23-2149169728.jpg",
|
||||
},
|
||||
id: "p3", name: "Asica City-Compact", price: "ab 38.000€", variant: "Hatchback", imageSrc: "http://img.b2bpic.net/free-photo/close-up-electric-car-france_23-2149169728.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Asica Cabrio-EV",
|
||||
price: "ab 75.000€",
|
||||
variant: "Cabrio",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-sexy-fashion-blond-girl-model-with-bright-makeup-curly-hairstyle-retro-style-sitting-old-car_158538-9283.jpg",
|
||||
},
|
||||
id: "p4", name: "Asica Cabrio-EV", price: "ab 75.000€", variant: "Cabrio", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-sexy-fashion-blond-girl-model-with-bright-makeup-curly-hairstyle-retro-style-sitting-old-car_158538-9283.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Asica Urban-Van",
|
||||
price: "ab 48.000€",
|
||||
variant: "Van",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-white-protection-suit-disinfecting-sanitizing-subway-train-interior-stop-spreading-highly-contagious-corona-virus_342744-482.jpg",
|
||||
},
|
||||
id: "p5", name: "Asica Urban-Van", price: "ab 48.000€", variant: "Van", imageSrc: "http://img.b2bpic.net/free-photo/man-white-protection-suit-disinfecting-sanitizing-subway-train-interior-stop-spreading-highly-contagious-corona-virus_342744-482.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Asica Sport-GT",
|
||||
price: "ab 89.000€",
|
||||
variant: "Sport",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/traffic-tunnel_1359-595.jpg",
|
||||
},
|
||||
id: "p6", name: "Asica Sport-GT", price: "ab 89.000€", variant: "Sport", imageSrc: "http://img.b2bpic.net/free-photo/traffic-tunnel_1359-595.jpg"},
|
||||
]}
|
||||
buttons={[
|
||||
{ text: "Jetzt reservieren", href: "#contact" }
|
||||
]}
|
||||
title="Unsere Modellpalette"
|
||||
description="Für jeden Anspruch das passende Fahrzeug."
|
||||
@@ -214,31 +143,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "95%",
|
||||
title: "Kundenzufriedenheit",
|
||||
items: [
|
||||
"Top-Service",
|
||||
"Sicherer Prozess",
|
||||
],
|
||||
id: "m1", value: "95%", title: "Kundenzufriedenheit", items: [
|
||||
"Top-Service", "Sicherer Prozess"],
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "600km",
|
||||
title: "Reichweite",
|
||||
items: [
|
||||
"Im Alltag",
|
||||
"Echtbedingungen",
|
||||
],
|
||||
id: "m2", value: "600km", title: "Reichweite", items: [
|
||||
"Im Alltag", "Echtbedingungen"],
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "120+",
|
||||
title: "Stationen",
|
||||
items: [
|
||||
"In Europa",
|
||||
"Schnellladen",
|
||||
],
|
||||
id: "m3", value: "120+", title: "Stationen", items: [
|
||||
"In Europa", "Schnellladen"],
|
||||
},
|
||||
]}
|
||||
title="Leistung in Zahlen"
|
||||
@@ -251,30 +165,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Markus S.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/image-corporate-woman-working-office-sitting-front-laptop-preparing-business_1258-194628.jpg",
|
||||
},
|
||||
id: "t1", name: "Markus S.", imageSrc: "http://img.b2bpic.net/free-photo/image-corporate-woman-working-office-sitting-front-laptop-preparing-business_1258-194628.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Julia V.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-professional-businesswoman-indoors_23-2148824826.jpg",
|
||||
},
|
||||
id: "t2", name: "Julia V.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-professional-businesswoman-indoors_23-2148824826.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Thomas K.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-suit-talking-phone_23-2148317350.jpg",
|
||||
},
|
||||
id: "t3", name: "Thomas K.", imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-suit-talking-phone_23-2148317350.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Sabine F.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/confident-young-man-walking-european-city-street_158595-4722.jpg",
|
||||
},
|
||||
id: "t4", name: "Sabine F.", imageSrc: "http://img.b2bpic.net/free-photo/confident-young-man-walking-european-city-street_158595-4722.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Lukas M.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-female-model-posing-against-wall_1153-7142.jpg",
|
||||
},
|
||||
id: "t5", name: "Lukas M.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-female-model-posing-against-wall_1153-7142.jpg"},
|
||||
]}
|
||||
cardTitle="Stimmen unserer Kunden"
|
||||
cardTag="Referenzen"
|
||||
@@ -288,20 +187,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Wie lange ist die Garantie?",
|
||||
content: "Wir bieten eine branchenführende Garantie von 8 Jahren.",
|
||||
},
|
||||
id: "q1", title: "Wie lange ist die Garantie?", content: "Wir bieten eine branchenführende Garantie von 8 Jahren."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Wo kann ich testen?",
|
||||
content: "Besuchen Sie uns an einem unserer zahlreichen Standorte.",
|
||||
},
|
||||
id: "q2", title: "Wo kann ich testen?", content: "Besuchen Sie uns an einem unserer zahlreichen Standorte."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Wie läuft der Service ab?",
|
||||
content: "Unser mobiler Service kommt direkt zu Ihnen nach Hause.",
|
||||
},
|
||||
id: "q3", title: "Wie läuft der Service ab?", content: "Unser mobiler Service kommt direkt zu Ihnen nach Hause."},
|
||||
]}
|
||||
title="Häufige Fragen"
|
||||
description="Alles, was Sie über Asica Automobile wissen müssen."
|
||||
@@ -313,8 +203,7 @@ export default function LandingPage() {
|
||||
<ContactCenter
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Kontakt"
|
||||
title="Bleiben Sie informiert"
|
||||
description="Abonnieren Sie unseren Newsletter für aktuelle Updates."
|
||||
@@ -325,16 +214,12 @@ export default function LandingPage() {
|
||||
<FooterLogoReveal
|
||||
logoText="Asica Automobile"
|
||||
leftLink={{
|
||||
text: "Impressum",
|
||||
href: "#",
|
||||
}}
|
||||
text: "Impressum", href: "#"}}
|
||||
rightLink={{
|
||||
text: "Datenschutz",
|
||||
href: "#",
|
||||
}}
|
||||
text: "Datenschutz", href: "#"}}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user