Merge version_2 into main #2
293
src/app/page.tsx
293
src/app/page.tsx
@@ -33,21 +33,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Models",
|
||||
id: "models",
|
||||
},
|
||||
name: "Models", id: "models"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Hyundai Andalan Summarecon"
|
||||
/>
|
||||
@@ -57,109 +49,59 @@ export default function LandingPage() {
|
||||
<HeroSplitTestimonial
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Hyundai Andalan Summarecon"
|
||||
description="Experience innovation, luxury, and reliability. Find your perfect Hyundai match at the region's premium dealership."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Alex P.",
|
||||
handle: "@alexp",
|
||||
testimonial: "Excellent service and smooth buying process.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/interior-new-luxury-sport-car_627829-661.jpg?_wi=1",
|
||||
imageAlt: "hyundai car showroom bright lighting",
|
||||
},
|
||||
name: "Alex P.", handle: "@alexp", testimonial: "Excellent service and smooth buying process.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/interior-new-luxury-sport-car_627829-661.jpg?_wi=1", imageAlt: "hyundai car showroom bright lighting"},
|
||||
{
|
||||
name: "Sarah L.",
|
||||
handle: "@sarahl",
|
||||
testimonial: "Very professional staff and great vehicle selection.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/agent-using-device-help-man-evaluate-cars-dealership-before-buying_482257-124136.jpg?_wi=1",
|
||||
imageAlt: "hyundai car showroom bright lighting",
|
||||
},
|
||||
name: "Sarah L.", handle: "@sarahl", testimonial: "Very professional staff and great vehicle selection.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/agent-using-device-help-man-evaluate-cars-dealership-before-buying_482257-124136.jpg?_wi=1", imageAlt: "hyundai car showroom bright lighting"},
|
||||
{
|
||||
name: "Mark D.",
|
||||
handle: "@markd",
|
||||
testimonial: "Highly recommended for all Hyundai needs.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-new-electric-car_23-2149171011.jpg?_wi=1",
|
||||
imageAlt: "hyundai car showroom bright lighting",
|
||||
},
|
||||
name: "Mark D.", handle: "@markd", testimonial: "Highly recommended for all Hyundai needs.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-new-electric-car_23-2149171011.jpg?_wi=1", imageAlt: "hyundai car showroom bright lighting"},
|
||||
{
|
||||
name: "Elena R.",
|
||||
handle: "@elenar",
|
||||
testimonial: "Outstanding customer service and after-sales care.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-families-retro-style_23-2150440144.jpg?_wi=1",
|
||||
imageAlt: "hyundai car showroom bright lighting",
|
||||
},
|
||||
name: "Elena R.", handle: "@elenar", testimonial: "Outstanding customer service and after-sales care.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-families-retro-style_23-2150440144.jpg?_wi=1", imageAlt: "hyundai car showroom bright lighting"},
|
||||
{
|
||||
name: "Kevin M.",
|
||||
handle: "@kevinm",
|
||||
testimonial: "Top-notch dealership experience.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/driving-with-gps-road-view-from-car-navigation-through-forest_169016-68706.jpg?_wi=1",
|
||||
imageAlt: "hyundai car showroom bright lighting",
|
||||
},
|
||||
name: "Kevin M.", handle: "@kevinm", testimonial: "Top-notch dealership experience.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/driving-with-gps-road-view-from-car-navigation-through-forest_169016-68706.jpg?_wi=1", imageAlt: "hyundai car showroom bright lighting"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Explore Models",
|
||||
href: "#models",
|
||||
},
|
||||
text: "Explore Models", href: "#models"},
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Contact Us", href: "#contact"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/interior-new-luxury-sport-car_627829-661.jpg?_wi=2"
|
||||
imageAlt="Hyundai dealership showroom"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/man-using-playing-with-vr-glasses_1303-26855.jpg",
|
||||
alt: "Man using and playing with vr glasses",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/man-using-playing-with-vr-glasses_1303-26855.jpg", alt: "Man using and playing with vr glasses"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/just-married-scene-with-car_23-2149539995.jpg",
|
||||
alt: "Just married scene with car",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/just-married-scene-with-car_23-2149539995.jpg", alt: "Just married scene with car"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/view-3d-car-interior_23-2151138892.jpg",
|
||||
alt: "View of 3d car interior",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/view-3d-car-interior_23-2151138892.jpg", alt: "View of 3d car interior"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/3d-car-with-vibrant-colors_23-2150796934.jpg",
|
||||
alt: "3d car with vibrant colors",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/3d-car-with-vibrant-colors_23-2150796934.jpg", alt: "3d car with vibrant colors"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-smiling-mature-businessman-looking-away_23-2147955371.jpg",
|
||||
alt: "Portrait of a smiling mature businessman looking away",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-smiling-mature-businessman-looking-away_23-2147955371.jpg", alt: "Portrait of a smiling mature businessman looking away"},
|
||||
]}
|
||||
avatarText="Trusted by 1000+ happy drivers"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Latest Inventory",
|
||||
},
|
||||
type: "text", text: "Latest Inventory"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Certified Pre-Owned",
|
||||
},
|
||||
type: "text", text: "Certified Pre-Owned"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Official Service",
|
||||
},
|
||||
type: "text", text: "Official Service"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Easy Financing",
|
||||
},
|
||||
type: "text", text: "Easy Financing"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Test Drive Ready",
|
||||
},
|
||||
type: "text", text: "Test Drive Ready"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -171,17 +113,11 @@ export default function LandingPage() {
|
||||
description="Hyundai Andalan Summarecon brings world-class service to our local community. We focus on transparency, reliability, and delivering the driving experience you deserve."
|
||||
metrics={[
|
||||
{
|
||||
value: "1000+",
|
||||
title: "Cars Delivered",
|
||||
},
|
||||
value: "1000+", title: "Cars Delivered"},
|
||||
{
|
||||
value: "15+",
|
||||
title: "Expert Staff",
|
||||
},
|
||||
value: "15+", title: "Expert Staff"},
|
||||
{
|
||||
value: "5.0",
|
||||
title: "User Rating",
|
||||
},
|
||||
value: "5.0", title: "User Rating"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/agent-using-device-help-man-evaluate-cars-dealership-before-buying_482257-124136.jpg?_wi=2"
|
||||
mediaAnimation="slide-up"
|
||||
@@ -197,41 +133,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "IONIQ 5",
|
||||
price: "From Rp 700jt",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-new-electric-car_23-2149171011.jpg?_wi=2",
|
||||
},
|
||||
id: "1", name: "IONIQ 5", price: "From Rp 700jt", imageSrc: "http://img.b2bpic.net/free-photo/close-up-new-electric-car_23-2149171011.jpg?_wi=2"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Creta",
|
||||
price: "From Rp 290jt",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-families-retro-style_23-2150440144.jpg?_wi=2",
|
||||
},
|
||||
id: "2", name: "Creta", price: "From Rp 290jt", imageSrc: "http://img.b2bpic.net/free-photo/modern-families-retro-style_23-2150440144.jpg?_wi=2"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Santa Fe",
|
||||
price: "From Rp 600jt",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/driving-with-gps-road-view-from-car-navigation-through-forest_169016-68706.jpg?_wi=2",
|
||||
},
|
||||
id: "3", name: "Santa Fe", price: "From Rp 600jt", imageSrc: "http://img.b2bpic.net/free-photo/driving-with-gps-road-view-from-car-navigation-through-forest_169016-68706.jpg?_wi=2"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Stargazer",
|
||||
price: "From Rp 250jt",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-senior-friends-near-car_23-2149176303.jpg",
|
||||
},
|
||||
id: "4", name: "Stargazer", price: "From Rp 250jt", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-senior-friends-near-car_23-2149176303.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Palisade",
|
||||
price: "From Rp 800jt",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-blonde-sexy-fashion-woman-model-cap-all-black-with-bright-makeup-near-red-city-car_627829-1053.jpg",
|
||||
},
|
||||
id: "5", name: "Palisade", price: "From Rp 800jt", imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-blonde-sexy-fashion-woman-model-cap-all-black-with-bright-makeup-near-red-city-car_627829-1053.jpg"},
|
||||
{
|
||||
id: "6",
|
||||
name: "Kona Electric",
|
||||
price: "From Rp 500jt",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-using-mobile-phone-communication-online-application-standing-near-car-city-street-parking-outdoors-car-sharing-rental-service_158595-6725.jpg",
|
||||
},
|
||||
id: "6", name: "Kona Electric", price: "From Rp 500jt", imageSrc: "http://img.b2bpic.net/free-photo/woman-using-mobile-phone-communication-online-application-standing-near-car-city-street-parking-outdoors-car-sharing-rental-service_158595-6725.jpg"},
|
||||
]}
|
||||
title="Our Latest Models"
|
||||
description="Explore our extensive lineup of advanced Hyundai vehicles designed for every lifestyle."
|
||||
@@ -246,19 +158,13 @@ export default function LandingPage() {
|
||||
features={[
|
||||
{
|
||||
icon: CheckCircle,
|
||||
title: "Official Warranty",
|
||||
description: "Full factory-backed protection for your new Hyundai.",
|
||||
},
|
||||
title: "Official Warranty", description: "Full factory-backed protection for your new Hyundai."},
|
||||
{
|
||||
icon: Shield,
|
||||
title: "Trusted Dealership",
|
||||
description: "The region's authorized Andalan partner for Hyundai.",
|
||||
},
|
||||
title: "Trusted Dealership", description: "The region's authorized Andalan partner for Hyundai."},
|
||||
{
|
||||
icon: Zap,
|
||||
title: "Express Service",
|
||||
description: "Priority maintenance scheduling for your convenience.",
|
||||
},
|
||||
title: "Express Service", description: "Priority maintenance scheduling for your convenience."},
|
||||
]}
|
||||
title="Why Choose Us"
|
||||
description="Exceptional benefits for your peace of mind and satisfaction."
|
||||
@@ -270,14 +176,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Hyundai",
|
||||
"Bank Central Asia",
|
||||
"Michelin",
|
||||
"TotalEnergies",
|
||||
"Garmin",
|
||||
"ChargePoint",
|
||||
"Insurance Group",
|
||||
]}
|
||||
"Hyundai", "Bank Central Asia", "Michelin", "TotalEnergies", "Garmin", "ChargePoint", "Insurance Group"]}
|
||||
title="Our Network & Partners"
|
||||
description="We collaborate with trusted financial and service partners."
|
||||
/>
|
||||
@@ -289,60 +188,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "John Doe",
|
||||
date: "Jan 2025",
|
||||
title: "Great Experience",
|
||||
quote: "Fantastic service from start to finish.",
|
||||
tag: "Sales",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/senior-businessman-with-arms-crossed-outside-modern-office-building_1139-1074.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/interior-new-luxury-sport-car_627829-661.jpg?_wi=3",
|
||||
imageAlt: "customer happy with car",
|
||||
},
|
||||
id: "t1", name: "John Doe", date: "Jan 2025", title: "Great Experience", quote: "Fantastic service from start to finish.", tag: "Sales", avatarSrc: "http://img.b2bpic.net/free-photo/senior-businessman-with-arms-crossed-outside-modern-office-building_1139-1074.jpg", imageSrc: "http://img.b2bpic.net/free-photo/interior-new-luxury-sport-car_627829-661.jpg?_wi=3", imageAlt: "customer happy with car"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Jane Smith",
|
||||
date: "Dec 2024",
|
||||
title: "Expert Service",
|
||||
quote: "They really helped me find the perfect family car.",
|
||||
tag: "Support",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/woman-showing-emotions-standing-front-car_1303-15200.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/agent-using-device-help-man-evaluate-cars-dealership-before-buying_482257-124136.jpg?_wi=3",
|
||||
imageAlt: "customer happy with car",
|
||||
},
|
||||
id: "t2", name: "Jane Smith", date: "Dec 2024", title: "Expert Service", quote: "They really helped me find the perfect family car.", tag: "Support", avatarSrc: "http://img.b2bpic.net/free-photo/woman-showing-emotions-standing-front-car_1303-15200.jpg", imageSrc: "http://img.b2bpic.net/free-photo/agent-using-device-help-man-evaluate-cars-dealership-before-buying_482257-124136.jpg?_wi=3", imageAlt: "customer happy with car"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Robert B.",
|
||||
date: "Nov 2024",
|
||||
title: "Highly Professional",
|
||||
quote: "Smooth process, no hidden fees.",
|
||||
tag: "Maintenance",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/happy-man-car-dealership_23-2148130229.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-new-electric-car_23-2149171011.jpg?_wi=3",
|
||||
imageAlt: "customer happy with car",
|
||||
},
|
||||
id: "t3", name: "Robert B.", date: "Nov 2024", title: "Highly Professional", quote: "Smooth process, no hidden fees.", tag: "Maintenance", avatarSrc: "http://img.b2bpic.net/free-photo/happy-man-car-dealership_23-2148130229.jpg", imageSrc: "http://img.b2bpic.net/free-photo/close-up-new-electric-car_23-2149171011.jpg?_wi=3", imageAlt: "customer happy with car"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Anna W.",
|
||||
date: "Oct 2024",
|
||||
title: "Trusted Partner",
|
||||
quote: "Hyundai Andalan is my go-to choice.",
|
||||
tag: "Sales",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/joyful-colleagues-laughing-work_74855-4314.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-families-retro-style_23-2150440144.jpg?_wi=3",
|
||||
imageAlt: "customer happy with car",
|
||||
},
|
||||
id: "t4", name: "Anna W.", date: "Oct 2024", title: "Trusted Partner", quote: "Hyundai Andalan is my go-to choice.", tag: "Sales", avatarSrc: "http://img.b2bpic.net/free-photo/joyful-colleagues-laughing-work_74855-4314.jpg", imageSrc: "http://img.b2bpic.net/free-photo/modern-families-retro-style_23-2150440144.jpg?_wi=3", imageAlt: "customer happy with car"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Kevin M.",
|
||||
date: "Sep 2024",
|
||||
title: "Exceptional",
|
||||
quote: "The team made everything so easy.",
|
||||
tag: "Sales",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/portrait-cheerful-clients-celebrating-closing-car-deal-proudly-shaking-keys_482257-118111.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/driving-with-gps-road-view-from-car-navigation-through-forest_169016-68706.jpg?_wi=3",
|
||||
imageAlt: "customer happy with car",
|
||||
},
|
||||
id: "t5", name: "Kevin M.", date: "Sep 2024", title: "Exceptional", quote: "The team made everything so easy.", tag: "Sales", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-cheerful-clients-celebrating-closing-car-deal-proudly-shaking-keys_482257-118111.jpg", imageSrc: "http://img.b2bpic.net/free-photo/driving-with-gps-road-view-from-car-navigation-through-forest_169016-68706.jpg?_wi=3", imageAlt: "customer happy with car"},
|
||||
]}
|
||||
title="Customer Stories"
|
||||
description="Hear what our valued clients have to say."
|
||||
@@ -356,20 +210,11 @@ export default function LandingPage() {
|
||||
tag="Milestones"
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "100%",
|
||||
description: "Customer Satisfaction",
|
||||
},
|
||||
id: "m1", value: "100%", description: "Customer Satisfaction"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "500+",
|
||||
description: "Monthly Service",
|
||||
},
|
||||
id: "m2", value: "500+", description: "Monthly Service"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "10+",
|
||||
description: "Years of Excellence",
|
||||
},
|
||||
id: "m3", value: "10+", description: "Years of Excellence"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -378,14 +223,11 @@ export default function LandingPage() {
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
text="Ready to get behind the wheel of your dream Hyundai? Contact our team today for an exclusive test drive."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Us Now",
|
||||
href: "mailto:hello@hyundaianjalan.com",
|
||||
},
|
||||
text: "Schedule Your Test Drive", href: "mailto:hello@hyundaianjalan.com"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -394,42 +236,27 @@ export default function LandingPage() {
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Explore",
|
||||
items: [
|
||||
title: "Explore", items: [
|
||||
{
|
||||
label: "Models",
|
||||
href: "#models",
|
||||
},
|
||||
label: "Models", href: "#models"},
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About", href: "#about"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
title: "Support", items: [
|
||||
{
|
||||
label: "Service Center",
|
||||
href: "#",
|
||||
},
|
||||
label: "Service Center", href: "#"},
|
||||
{
|
||||
label: "Book Test Drive",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Book Test Drive", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms of Service", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -439,4 +266,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user