bender/f68e6215-8d8f-4073-8959-1f0b21159e4f
1
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-05-03 10:56:31 +00:00
parent 470334616b
commit 5d050c6a39
1 changed files with 42 additions and 253 deletions
Download Patch File Download Diff File Expand all files Collapse all files

295
src/app/page.tsx
View File

@@ -32,22 +32,10 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarStyleFullscreen
navItems={[
{
name: "Home",
id: "hero",
},
{
name: "Models",
id: "products",
},
{
name: "Technology",
id: "features",
},
{
name: "Contact",
id: "contact",
},
{ name: "Home", id: "hero" },
{ name: "Models", id: "products" },
{ name: "Technology", id: "features" },
{ name: "Contact", id: "contact" },
]}
brandName="XPENG ARMENIA"
/>
@@ -55,53 +43,21 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroBillboardRotatedCarousel
background={{
variant: "rotated-rays-animated",
}}
background={{ variant: "rotated-rays-animated" }}
title="Drive the Future of Intelligence"
description="Experience unparalleled autonomy and sustainable performance with Xpeng's cutting-edge electric vehicle range in Armenia."
tag="XPENG ARMENIA"
buttons={[
{
text: "Explore Models",
href: "#products",
},
{
text: "Book Test Drive",
href: "#contact",
},
{ text: "Explore Models", href: "#products" },
{ text: "Book Test Drive", href: "#contact" },
]}
carouselItems={[
{
id: "1",
imageSrc: "http://img.b2bpic.net/free-photo/man-with-sunglasses-driving-black-car-mountains_651396-2336.jpg?_wi=1",
imageAlt: "Xpeng sedan in Armenia",
},
{
id: "2",
imageSrc: "http://img.b2bpic.net/free-photo/modern-car-driving-city_23-2151674227.jpg?_wi=1",
imageAlt: "Futuristic interior cabin",
},
{
id: "3",
imageSrc: "http://img.b2bpic.net/free-photo/top-view-glasses-abstract-table_23-2149974229.jpg?_wi=1",
imageAlt: "Dynamic LED signatures",
},
{
id: "4",
imageSrc: "http://img.b2bpic.net/free-photo/car-front-mountain-landscape_23-2148232269.jpg",
imageAlt: "Driving on scenic road",
},
{
id: "5",
imageSrc: "http://img.b2bpic.net/free-photo/top-view-bridge_1127-3960.jpg",
imageAlt: "Urban plaza car",
},
{
id: "6",
imageSrc: "http://img.b2bpic.net/free-photo/modern-close-up-ferromagnetic-metal_23-2148253626.jpg",
imageAlt: "Lidar sensors detail",
},
{ id: "1", imageSrc: "http://img.b2bpic.net/free-photo/man-with-sunglasses-driving-black-car-mountains_651396-2336.jpg", imageAlt: "Xpeng sedan in Armenia" },
{ id: "2", imageSrc: "http://img.b2bpic.net/free-photo/modern-car-driving-city_23-2151674227.jpg", imageAlt: "Futuristic interior cabin" },
{ id: "3", imageSrc: "http://img.b2bpic.net/free-photo/top-view-glasses-abstract-table_23-2149974229.jpg", imageAlt: "Dynamic LED signatures" },
{ id: "4", imageSrc: "http://img.b2bpic.net/free-photo/car-front-mountain-landscape_23-2148232269.jpg", imageAlt: "Driving on scenic road" },
{ id: "5", imageSrc: "http://img.b2bpic.net/free-photo/top-view-bridge_1127-3960.jpg", imageAlt: "Urban plaza car" },
{ id: "6", imageSrc: "http://img.b2bpic.net/free-photo/modern-close-up-ferromagnetic-metal_23-2148253626.jpg", imageAlt: "Lidar sensors detail" },
]}
/>
</div>
@@ -110,22 +66,10 @@ export default function LandingPage() {
<InlineImageSplitTextAbout
useInvertedBackground={false}
heading={[
{
type: "text",
content: "Redefining Mobility in Armenia",
},
{
type: "image",
src: "http://img.b2bpic.net/free-photo/auto-mechanic-running-car-diagnostic-laptop-while-working-with-colleague-auto-repair-shop_637285-7672.jpg",
alt: "Future mobility",
},
]}
buttons={[
{
text: "Our Mission",
href: "#",
},
{ type: "text", content: "Redefining Mobility in Armenia" },
{ type: "image", src: "http://img.b2bpic.net/free-photo/auto-mechanic-running-car-diagnostic-laptop-while-working-with-colleague-auto-repair-shop_637285-7672.jpg", alt: "Future mobility" },
]}
buttons={[{ text: "Our Mission", href: "#" }]}
/>
</div>
@@ -135,51 +79,9 @@ export default function LandingPage() {
textboxLayout="split"
useInvertedBackground={true}
features={[
{
title: "Smart Pilot",
description: "AI-driven navigation for seamless highway cruising.",
icon: Gauge,
mediaItems: [
{
imageSrc: "http://img.b2bpic.net/free-photo/hands-wheel-when-driving-high-speed-from-inside-car_169016-39107.jpg",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/people-colorful-thermal-scan-with-celsius-degree-temperature_23-2149170116.jpg",
},
],
imageSrc: "http://img.b2bpic.net/free-photo/man-with-sunglasses-driving-black-car-mountains_651396-2336.jpg?_wi=2",
imageAlt: "autonomous driving interface display",
},
{
title: "Safety First",
description: "360-degree detection systems for total peace of mind.",
icon: ShieldCheck,
mediaItems: [
{
imageSrc: "http://img.b2bpic.net/free-photo/driver-checking-stock-market-his-phone-while-car_53876-98095.jpg",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-working-as-driver_23-2149908144.jpg",
},
],
imageSrc: "http://img.b2bpic.net/free-photo/modern-car-driving-city_23-2151674227.jpg?_wi=2",
imageAlt: "autonomous driving interface display",
},
{
title: "Adaptive Energy",
description: "Intelligent power management for extended range.",
icon: Zap,
mediaItems: [
{
imageSrc: "http://img.b2bpic.net/free-photo/man-touching-screen-gps-navigation-system-his-car_169016-58953.jpg",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-futuristic-technologies_23-2151941525.jpg",
},
],
imageSrc: "http://img.b2bpic.net/free-photo/top-view-glasses-abstract-table_23-2149974229.jpg?_wi=2",
imageAlt: "autonomous driving interface display",
},
{ title: "Smart Pilot", description: "AI-driven navigation for seamless highway cruising.", icon: Gauge, mediaItems: [{ imageSrc: "http://img.b2bpic.net/free-photo/hands-wheel-when-driving-high-speed-from-inside-car_169016-39107.jpg" }, { imageSrc: "http://img.b2bpic.net/free-photo/people-colorful-thermal-scan-with-celsius-degree-temperature_23-2149170116.jpg" }] },
{ title: "Safety First", description: "360-degree detection systems for total peace of mind.", icon: ShieldCheck, mediaItems: [{ imageSrc: "http://img.b2bpic.net/free-photo/driver-checking-stock-market-his-phone-while-car_53876-98095.jpg" }, { imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-working-as-driver_23-2149908144.jpg" }] },
{ title: "Adaptive Energy", description: "Intelligent power management for extended range.", icon: Zap, mediaItems: [{ imageSrc: "http://img.b2bpic.net/free-photo/man-touching-screen-gps-navigation-system-his-car_169016-58953.jpg" }, { imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-futuristic-technologies_23-2151941525.jpg" }] },
]}
title="Intelligence Beyond Limits"
description="Discover the sophisticated suite of smart driving features engineered to enhance your safety and convenience."
@@ -193,48 +95,12 @@ export default function LandingPage() {
gridVariant="two-columns-alternating-heights"
useInvertedBackground={false}
products={[
{
id: "p1",
name: "Xpeng P7",
price: "$48,000",
variant: "Sedan",
imageSrc: "http://img.b2bpic.net/free-photo/grey-coupe-rainy-highway-motion-focus_169016-69693.jpg",
},
{
id: "p2",
name: "Xpeng G9",
price: "$62,000",
variant: "SUV",
imageSrc: "http://img.b2bpic.net/free-photo/modern-car-futuristic-road_23-2151021100.jpg",
},
{
id: "p3",
name: "Xpeng P5",
price: "$35,000",
variant: "Sedan",
imageSrc: "http://img.b2bpic.net/free-photo/view-3d-car-model_23-2151138958.jpg",
},
{
id: "p4",
name: "Xpeng G6",
price: "$42,000",
variant: "Crossover",
imageSrc: "http://img.b2bpic.net/free-photo/woman-laughing-looking-camera-out-car-window_23-2148150075.jpg",
},
{
id: "p5",
name: "Xpeng Aero",
price: "$55,000",
variant: "Hatchback",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-blonde-sexy-fashion-woman-model-cap-all-black-blue-corset-with-bright-makeup-near-red-city-car_627829-1117.jpg",
},
{
id: "p6",
name: "Xpeng Flagship",
price: "$85,000",
variant: "Luxury",
imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-exterior-details-modern-black-car_181624-23579.jpg",
},
{ id: "p1", name: "Xpeng P7", price: "$48,000", variant: "Sedan", imageSrc: "http://img.b2bpic.net/free-photo/grey-coupe-rainy-highway-motion-focus_169016-69693.jpg" },
{ id: "p2", name: "Xpeng G9", price: "$62,000", variant: "SUV", imageSrc: "http://img.b2bpic.net/free-photo/modern-car-futuristic-road_23-2151021100.jpg" },
{ id: "p3", name: "Xpeng P5", price: "$35,000", variant: "Sedan", imageSrc: "http://img.b2bpic.net/free-photo/view-3d-car-model_23-2151138958.jpg" },
{ id: "p4", name: "Xpeng G6", price: "$42,000", variant: "Crossover", imageSrc: "http://img.b2bpic.net/free-photo/woman-laughing-looking-camera-out-car-window_23-2148150075.jpg" },
{ id: "p5", name: "Xpeng Aero", price: "$55,000", variant: "Hatchback", imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-blonde-sexy-fashion-woman-model-cap-all-black-blue-corset-with-bright-makeup-near-red-city-car_627829-1117.jpg" },
{ id: "p6", name: "Xpeng Flagship", price: "$85,000", variant: "Luxury", imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-exterior-details-modern-black-car_181624-23579.jpg" },
]}
title="Our Electric Fleet"
description="Explore the range of high-performance electric vehicles available for the Armenian market."
@@ -248,21 +114,9 @@ export default function LandingPage() {
gridVariant="bento-grid"
useInvertedBackground={true}
metrics={[
{
id: "m1",
value: "500+",
description: "Electric Vehicles Delivered",
},
{
id: "m2",
value: "15+",
description: "Charging Stations Network",
},
{
id: "m3",
value: "24/7",
description: "Priority Support Available",
},
{ id: "m1", value: "500+", description: "Electric Vehicles Delivered" },
{ id: "m2", value: "15+", description: "Charging Stations Network" },
{ id: "m3", value: "24/7", description: "Priority Support Available" },
]}
title="Driving Impact"
description="Key stats on our commitment to innovation and growth in Armenia."
@@ -271,49 +125,15 @@ export default function LandingPage() {
<div id="testimonials" data-section="testimonials">
<TestimonialCardThirteen
animationType="depth-3d"
textboxLayout="split"
useInvertedBackground={false}
testimonials={[
{
id: "1",
name: "Armen S.",
handle: "@armen_drive",
testimonial: "The P7 is a marvel. Exceptional comfort and the best autonomous features on the road.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/woman-charging-electro-car-electric-gas-station_1303-15091.jpg",
},
{
id: "2",
name: "Anna K.",
handle: "@anna_tech",
testimonial: "My G9SUV is incredibly efficient. Driving electric has never been easier in Yerevan.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/pleased-woman-with-light-brown-skin-posing-with-crossed-arms-smiling-while-people-her-working-indoor-portrait-tired-students-with-laptop-african-curly-girl_197531-3760.jpg",
},
{
id: "3",
name: "David M.",
handle: "@d_motors",
testimonial: "Smooth, silent, and fast. Xpeng is definitely leading the pack in tech.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-african-woman-glass-smiling-talking-phone_176420-12471.jpg",
},
{
id: "4",
name: "Nara H.",
handle: "@nara_travels",
testimonial: "Love the minimalist interior and the smart interface. Highly recommend to everyone.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/happy-young-man-with-family-car_171337-5386.jpg",
},
{
id: "5",
name: "Levon V.",
handle: "@lev_smart",
testimonial: "Charging is convenient and the range is perfect for both city and long trips.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-organizing-live-shop_23-2149947451.jpg",
},
{ id: "1", name: "Armen S.", handle: "@armen_drive", testimonial: "The P7 is a marvel. Exceptional comfort and the best autonomous features on the road.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/woman-charging-electro-car-electric-gas-station_1303-15091.jpg" },
{ id: "2", name: "Anna K.", handle: "@anna_tech", testimonial: "My G9SUV is incredibly efficient. Driving electric has never been easier in Yerevan.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/pleased-woman-with-light-brown-skin-posing-with-crossed-arms-smiling-while-people-her-working-indoor-portrait-tired-students-with-laptop-african-curly-girl_197531-3760.jpg" },
{ id: "3", name: "David M.", handle: "@d_motors", testimonial: "Smooth, silent, and fast. Xpeng is definitely leading the pack in tech.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-african-woman-glass-smiling-talking-phone_176420-12471.jpg" },
{ id: "4", name: "Nara H.", handle: "@nara_travels", testimonial: "Love the minimalist interior and the smart interface. Highly recommend to everyone.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/happy-young-man-with-family-car_171337-5386.jpg" },
{ id: "5", name: "Levon V.", handle: "@lev_smart", testimonial: "Charging is convenient and the range is perfect for both city and long trips.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-woman-organizing-live-shop_23-2149947451.jpg" },
]}
showRating={true}
title="Client Experiences"
@@ -326,21 +146,9 @@ export default function LandingPage() {
textboxLayout="split"
useInvertedBackground={true}
faqs={[
{
id: "q1",
title: "How long does it take to charge?",
content: "Using our supercharger network, you can reach 80% charge in approximately 30-45 minutes.",
},
{
id: "q2",
title: "Is maintenance required?",
content: "Electric vehicles have significantly lower maintenance needs than ICE cars, focusing mainly on tires, brakes, and cabin filters.",
},
{
id: "q3",
title: "How is service handled in Armenia?",
content: "Our service center in Yerevan provides full warranty and technical support by certified Xpeng experts.",
},
{ id: "q1", title: "How long does it take to charge?", content: "Using our supercharger network, you can reach 80% charge in approximately 30-45 minutes." },
{ id: "q2", title: "Is maintenance required?", content: "Electric vehicles have significantly lower maintenance needs than ICE cars, focusing mainly on tires, brakes, and cabin filters." },
{ id: "q3", title: "How is service handled in Armenia?", content: "Our service center in Yerevan provides full warranty and technical support by certified Xpeng experts." },
]}
title="Frequently Asked Questions"
description="Find answers to common questions about ownership, charging, and service."
@@ -351,16 +159,9 @@ export default function LandingPage() {
<div id="contact" data-section="contact">
<ContactText
useInvertedBackground={false}
background={{
variant: "rotated-rays-animated",
}}
background={{ variant: "rotated-rays-animated" }}
text="Ready to experience Xpeng? Get in touch with our team today to schedule your private test drive."
buttons={[
{
text: "Contact Us",
href: "mailto:hello@xpengarmenia.am",
},
]}
buttons={[{ text: "Contact Us", href: "mailto:hello@xpengarmenia.am" }]}
/>
</div>
@@ -369,21 +170,9 @@ export default function LandingPage() {
logoText="XPENG ARMENIA"
copyrightText="© 2025 Xpeng Armenia. All rights reserved."
socialLinks={[
{
icon: Facebook,
href: "#",
ariaLabel: "Facebook",
},
{
icon: Instagram,
href: "#",
ariaLabel: "Instagram",
},
{
icon: Linkedin,
href: "#",
ariaLabel: "Linkedin",
},
{ icon: Facebook, href: "#", ariaLabel: "Facebook" },
{ icon: Instagram, href: "#", ariaLabel: "Instagram" },
{ icon: Linkedin, href: "#", ariaLabel: "Linkedin" },
]}
/>
</div>