Update src/app/page.tsx
This commit is contained in:
291
src/app/page.tsx
291
src/app/page.tsx
@@ -16,206 +16,113 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="text-stagger"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="rounded"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Overview",
|
||||
id: "#about",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "#reviews",
|
||||
},
|
||||
]}
|
||||
brandName="Automobile Durabile"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{ name: "Overview", id: "#about" },
|
||||
{ name: "Contact", id: "#contact" },
|
||||
{ name: "Reviews", id: "#reviews" },
|
||||
]}
|
||||
brandName="Automobile Durabile"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitTestimonial
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
title="Automobile Durabile: Quality Car Trading in Munich"
|
||||
description="Your trusted partner for buying and selling durable vehicles. Experience professional service and transparent deals in the heart of Munich."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Baran Göçer",
|
||||
handle: "@barangocer",
|
||||
testimonial: "The car had hidden defects. Listen to the reviews, stay away!",
|
||||
rating: 1,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-car-dealership_23-2148332985.jpg?_wi=1",
|
||||
imageAlt: "luxury car dealership exterior modern",
|
||||
},
|
||||
{
|
||||
name: "Maximilian H.",
|
||||
handle: "@max_h",
|
||||
testimonial: "Great selection of vehicles, very professional team in Munich.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pleased-handsome-male-customer-show-thumb-up-approval_176420-17945.jpg?_wi=1",
|
||||
imageAlt: "portrait of satisfied male customer",
|
||||
},
|
||||
{
|
||||
name: "Sophie Müller",
|
||||
handle: "@sophiem",
|
||||
testimonial: "Transparent pricing and quick processing. Highly recommended.",
|
||||
rating: 4,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-business-man-choosing-car-car-showroom_1303-17896.jpg?_wi=1",
|
||||
imageAlt: "portrait of serious car buyer",
|
||||
},
|
||||
{
|
||||
name: "Thomas Weber",
|
||||
handle: "@tomweber",
|
||||
testimonial: "Found exactly what I was looking for. Smooth transaction.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/elegant-young-man-checking-car_23-2148332972.jpg?_wi=1",
|
||||
imageAlt: "woman customer smiling at dealership",
|
||||
},
|
||||
{
|
||||
name: "Elena Fischer",
|
||||
handle: "@elena_f",
|
||||
testimonial: "Reliable dealership with honest staff. Will come back again.",
|
||||
rating: 4,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/upbeat-saleswoman-hired-explain-vehicle-pricing-options-clients_482257-118338.jpg?_wi=1",
|
||||
imageAlt: "professional man portrait confident",
|
||||
},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/front-view-man-car-dealership_23-2148332985.jpg?_wi=2"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitTestimonial
|
||||
useInvertedBackground={true}
|
||||
background={{ variant: "plain" }}
|
||||
title="Automobile Durabile: Quality Car Trading in Munich"
|
||||
description="Your trusted partner for buying and selling durable vehicles. Experience professional service and transparent deals in the heart of Munich."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Baran Göçer", handle: "@barangocer", testimonial: "The car had hidden defects. Listen to the reviews, stay away!", rating: 1,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-car-dealership_23-2148332985.jpg", imageAlt: "luxury car dealership exterior modern"},
|
||||
{
|
||||
name: "Maximilian H.", handle: "@max_h", testimonial: "Great selection of vehicles, very professional team in Munich.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pleased-handsome-male-customer-show-thumb-up-approval_176420-17945.jpg", imageAlt: "portrait of satisfied male customer"},
|
||||
{
|
||||
name: "Sophie Müller", handle: "@sophiem", testimonial: "Transparent pricing and quick processing. Highly recommended.", rating: 4,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-business-man-choosing-car-car-showroom_1303-17896.jpg", imageAlt: "portrait of serious car buyer"},
|
||||
{
|
||||
name: "Thomas Weber", handle: "@tomweber", testimonial: "Found exactly what I was looking for. Smooth transaction.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/elegant-young-man-checking-car_23-2148332972.jpg", imageAlt: "woman customer smiling at dealership"},
|
||||
{
|
||||
name: "Elena Fischer", handle: "@elena_f", testimonial: "Reliable dealership with honest staff. Will come back again.", rating: 4,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/upbeat-saleswoman-hired-explain-vehicle-pricing-options-clients_482257-118338.jpg", imageAlt: "professional man portrait confident"},
|
||||
]}
|
||||
buttons={[{ text: "Contact Us", href: "#contact" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/front-view-man-car-dealership_23-2148332985.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<InlineImageSplitTextAbout
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "Specialists in Durable Vehicles",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<InlineImageSplitTextAbout
|
||||
useInvertedBackground={false}
|
||||
heading={[{ type: "text", content: "Specialists in Durable Vehicles" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
text="Visit us at Kreillerstraße 135, 81825 München or call us at 0681 30984600."
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={true}
|
||||
background={{ variant: "plain" }}
|
||||
text="Visit us at Kreillerstraße 135, 81825 München or call us at 0681 30984600."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="reviews" data-section="reviews">
|
||||
<TestimonialCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Baran Göçer",
|
||||
role: "Buyer",
|
||||
testimonial: "Listen to the previous reviews. Unfortunately, I can only agree with the negative ones.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pleased-handsome-male-customer-show-thumb-up-approval_176420-17945.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Customer X",
|
||||
role: "Visitor",
|
||||
testimonial: "Average experience overall, would like more transparency.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-business-man-choosing-car-car-showroom_1303-17896.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Customer Y",
|
||||
role: "Buyer",
|
||||
testimonial: "Not the best experience, proceed with caution.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/elegant-young-man-checking-car_23-2148332972.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Customer Z",
|
||||
role: "Visitor",
|
||||
testimonial: "Had some issues with the vehicle details provided.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/upbeat-saleswoman-hired-explain-vehicle-pricing-options-clients_482257-118338.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Anna Schmidt",
|
||||
role: "Happy Buyer",
|
||||
testimonial: "A very straightforward process. No hidden fees, completely honest dealership.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pleased-handsome-male-customer-show-thumb-up-approval_176420-17945.jpg?_wi=3",
|
||||
},
|
||||
]}
|
||||
title="Customer Reviews"
|
||||
description="Feedback from our community."
|
||||
/>
|
||||
</div>
|
||||
<div id="reviews" data-section="reviews">
|
||||
<TestimonialCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "1", name: "Baran Göçer", role: "Buyer", testimonial: "Listen to the previous reviews. Unfortunately, I can only agree with the negative ones.", imageSrc: "http://img.b2bpic.net/free-photo/pleased-handsome-male-customer-show-thumb-up-approval_176420-17945.jpg" },
|
||||
{ id: "2", name: "Customer X", role: "Visitor", testimonial: "Average experience overall, would like more transparency.", imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-business-man-choosing-car-car-showroom_1303-17896.jpg" },
|
||||
{ id: "3", name: "Customer Y", role: "Buyer", testimonial: "Not the best experience, proceed with caution.", imageSrc: "http://img.b2bpic.net/free-photo/elegant-young-man-checking-car_23-2148332972.jpg" },
|
||||
{ id: "4", name: "Customer Z", role: "Visitor", testimonial: "Had some issues with the vehicle details provided.", imageSrc: "http://img.b2bpic.net/free-photo/upbeat-saleswoman-hired-explain-vehicle-pricing-options-clients_482257-118338.jpg" },
|
||||
{ id: "5", name: "Anna Schmidt", role: "Happy Buyer", testimonial: "A very straightforward process. No hidden fees, completely honest dealership.", imageSrc: "http://img.b2bpic.net/free-photo/pleased-handsome-male-customer-show-thumb-up-approval_176420-17945.jpg" },
|
||||
]}
|
||||
title="Customer Reviews"
|
||||
description="Feedback from our community."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitMedia
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Frequently Asked Questions"
|
||||
description="Answers to common questions about our car trading process in Munich."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/front-view-man-car-dealership_23-2148332985.jpg?_wi=3"
|
||||
mediaAnimation="slide-up"
|
||||
faqsAnimation="slide-up"
|
||||
faqs={[
|
||||
{
|
||||
id: "faq-1",
|
||||
title: "Do you offer financing?",
|
||||
content: "Yes, we work with local banks to provide flexible financing options for our customers.",
|
||||
},
|
||||
{
|
||||
id: "faq-2",
|
||||
title: "Can I trade in my old car?",
|
||||
content: "Absolutely. We offer competitive trade-in valuations for your existing vehicle.",
|
||||
},
|
||||
{
|
||||
id: "faq-3",
|
||||
title: "Are your vehicles inspected?",
|
||||
content: "Every vehicle undergoes a rigorous multi-point inspection before it is listed on our lot.",
|
||||
},
|
||||
{
|
||||
id: "faq-4",
|
||||
title: "Do you provide warranties?",
|
||||
content: "We provide a comprehensive warranty on all our durable vehicles to give you peace of mind.",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitMedia
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Frequently Asked Questions"
|
||||
description="Answers to common questions about our car trading process in Munich."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/front-view-man-car-dealership_23-2148332985.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
faqsAnimation="slide-up"
|
||||
faqs={[
|
||||
{ id: "faq-1", title: "Do you offer financing?", content: "Yes, we work with local banks to provide flexible financing options for our customers." },
|
||||
{ id: "faq-2", title: "Can I trade in my old car?", content: "Absolutely. We offer competitive trade-in valuations for your existing vehicle." },
|
||||
{ id: "faq-3", title: "Are your vehicles inspected?", content: "Every vehicle undergoes a rigorous multi-point inspection before it is listed on our lot." },
|
||||
{ id: "faq-4", title: "Do you provide warranties?", content: "We provide a comprehensive warranty on all our durable vehicles to give you peace of mind." },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="Automobile Durabile"
|
||||
leftLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "#",
|
||||
}}
|
||||
rightLink={{
|
||||
text: "Write a Review",
|
||||
href: "#",
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="Automobile Durabile"
|
||||
leftLink={{ text: "Privacy Policy", href: "#" }}
|
||||
rightLink={{ text: "Write a Review", href: "#" }}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user