2 Commits

Author SHA1 Message Date
c0e38b0a53 Update src/app/page.tsx 2026-04-01 12:01:57 +00:00
a1065310c9 Update src/app/page.tsx 2026-04-01 12:01:31 +00:00

View File

@@ -31,21 +31,13 @@ export default function LandingPage() {
<NavbarStyleFullscreen <NavbarStyleFullscreen
navItems={[ navItems={[
{ {
name: "Vehicles", name: "Vehicles", id: "#vehicles"},
id: "#vehicles",
},
{ {
name: "Energy", name: "Energy", id: "#energy"},
id: "#energy",
},
{ {
name: "Charging", name: "Charging", id: "#charging"},
id: "#charging",
},
{ {
name: "About", name: "About", id: "#about"},
id: "#about",
},
]} ]}
brandName="TESLA" brandName="TESLA"
/> />
@@ -54,45 +46,28 @@ export default function LandingPage() {
<div id="hero" data-section="hero"> <div id="hero" data-section="hero">
<HeroBillboardGallery <HeroBillboardGallery
background={{ background={{
variant: "plain", variant: "plain"}}
}}
title="Accelerating the World's Transition to Sustainable Energy" title="Accelerating the World's Transition to Sustainable Energy"
description="Tesla creates a fully integrated ecosystem of electric vehicles, energy generation, and storage, designed to move humanity toward a cleaner, autonomous future." description="Tesla creates a fully integrated ecosystem of electric vehicles, energy generation, and storage, designed to move humanity toward a cleaner, autonomous future."
buttons={[ buttons={[
{ {
text: "Order Now", text: "Order Now", href: "#products"},
href: "#products",
},
{ {
text: "Learn More", text: "Learn More", href: "#about"},
href: "#about",
},
]} ]}
mediaItems={[ mediaItems={[
{ {
imageSrc: "http://img.b2bpic.net/free-photo/electric-vehicle-charging_23-2151951202.jpg", imageSrc: "https://img.b2bpic.net/free-photo/tesla-model-s-luxury-electric-sedan-parked-city-street_23-2149544773.jpg", imageAlt: "Tesla Model S Luxury Sedan"},
imageAlt: "Tesla Model S Luxury Sedan",
},
{ {
imageSrc: "http://img.b2bpic.net/free-photo/mechanic-using-laptop-while-servicing-car-engine_1170-1295.jpg", imageSrc: "https://img.b2bpic.net/free-photo/tesla-model-x-with-falcon-wing-doors-open_23-2149718420.jpg?_wi=1", imageAlt: "Tesla Model X with falcon wing doors open"},
imageAlt: "Advanced EV Chassis Technology",
},
{ {
imageSrc: "http://img.b2bpic.net/free-photo/researchers-looking-alternative-energy-souces_23-2149311452.jpg", imageSrc: "https://img.b2bpic.net/free-photo/tesla-model-y-electric-crossover-parked-scenic-drive_23-2149721456.jpg?_wi=1", imageAlt: "Tesla Model Y electric crossover"},
imageAlt: "Solar Energy Integration",
},
{ {
imageSrc: "http://img.b2bpic.net/free-photo/logistic-center-concept-with-storage-units_23-2148902600.jpg", imageSrc: "https://img.b2bpic.net/free-photo/tesla-model-3-in-white-color-studio-lighting_23-2149633211.jpg?_wi=1", imageAlt: "Tesla Model 3 in white color"},
imageAlt: "Megapack Industrial Storage",
},
{ {
imageSrc: "http://img.b2bpic.net/free-vector/electric-car_23-2148005424.jpg", imageSrc: "https://img.b2bpic.net/free-photo/tesla-cybertruck-parked-in-modern-setting_23-2150392455.jpg", imageAlt: "Tesla Cybertruck"},
imageAlt: "Supercharger Network",
},
{ {
imageSrc: "http://img.b2bpic.net/free-vector/futuristic-autonomous-car-with-flat-design_23-2147887647.jpg", imageSrc: "https://img.b2bpic.net/free-photo/interior-view-of-tesla-model-s-dashboard-and-screen_23-2149544788.jpg", imageAlt: "Tesla Interior Technology"},
imageAlt: "FSD Technology",
},
]} ]}
mediaAnimation="slide-up" mediaAnimation="slide-up"
/> />
@@ -106,23 +81,11 @@ export default function LandingPage() {
useInvertedBackground={false} useInvertedBackground={false}
products={[ products={[
{ {
id: "p1", id: "p1", name: "Model 3", price: "From $38,990", imageSrc: "https://img.b2bpic.net/free-photo/tesla-model-3-in-white-color-studio-lighting_23-2149633211.jpg?_wi=2"},
name: "Model 3",
price: "From $38,990",
imageSrc: "http://img.b2bpic.net/free-photo/stunning-young-woman-waring-dress-posing-front-her-car-outdoors-ownership-driver_158595-6750.jpg",
},
{ {
id: "p2", id: "p2", name: "Model Y", price: "From $44,990", imageSrc: "https://img.b2bpic.net/free-photo/tesla-model-y-electric-crossover-parked-scenic-drive_23-2149721456.jpg?_wi=2"},
name: "Model Y",
price: "From $44,990",
imageSrc: "http://img.b2bpic.net/free-photo/breathtaking-astonishing-scenery-beautiful-forest-countryside_181624-4552.jpg",
},
{ {
id: "p3", id: "p3", name: "Model X", price: "From $79,990", imageSrc: "https://img.b2bpic.net/free-photo/tesla-model-x-with-falcon-wing-doors-open_23-2149718420.jpg?_wi=2"},
name: "Model X",
price: "From $79,990",
imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-enjoying-view-beach-from-her-car_23-2148801475.jpg",
},
]} ]}
title="Experience Unmatched Performance" title="Experience Unmatched Performance"
description="Our lineup of electric vehicles combines safety, performance, and efficiency." description="Our lineup of electric vehicles combines safety, performance, and efficiency."
@@ -134,20 +97,13 @@ export default function LandingPage() {
useInvertedBackground={false} useInvertedBackground={false}
heading={[ heading={[
{ {
type: "text", type: "text", content: "The Future of Energy & Transportation"},
content: "The Future of Energy & Transportation",
},
{ {
type: "image", type: "image", src: "http://img.b2bpic.net/free-photo/focused-male-plant-manager-operating-industrial-machine-pushing-buttons-control-panel_74855-16377.jpg", alt: "Advanced manufacturing technology"},
src: "http://img.b2bpic.net/free-photo/focused-male-plant-manager-operating-industrial-machine-pushing-buttons-control-panel_74855-16377.jpg",
alt: "Advanced manufacturing technology",
},
]} ]}
buttons={[ buttons={[
{ {
text: "View About Tesla", text: "View About Tesla", href: "https://www.tesla.com/about"},
href: "https://www.tesla.com/about",
},
]} ]}
/> />
</div> </div>
@@ -159,34 +115,16 @@ export default function LandingPage() {
useInvertedBackground={false} useInvertedBackground={false}
features={[ features={[
{ {
id: "f1", id: "f1", label: "Solar", title: "Solar Roof", items: [
label: "Solar", "Generate clean energy", "Integrated design", "High efficiency"],
title: "Solar Roof",
items: [
"Generate clean energy",
"Integrated design",
"High efficiency",
],
}, },
{ {
id: "f2", id: "f2", label: "Storage", title: "Powerwall", items: [
label: "Storage", "Backup during outages", "Energy independence", "Smart monitoring"],
title: "Powerwall",
items: [
"Backup during outages",
"Energy independence",
"Smart monitoring",
],
}, },
{ {
id: "f3", id: "f3", label: "Network", title: "Supercharger", items: [
label: "Network", "Global network access", "Rapid charging", "Destination convenience"],
title: "Supercharger",
items: [
"Global network access",
"Rapid charging",
"Destination convenience",
],
}, },
]} ]}
title="Integrated Energy Solutions" title="Integrated Energy Solutions"
@@ -199,23 +137,9 @@ export default function LandingPage() {
textboxLayout="default" textboxLayout="default"
useInvertedBackground={false} useInvertedBackground={false}
names={[ names={[
"Clean Tech Corp", "Clean Tech Corp", "Global Energy Group", "Future Mobilty Inc", "Sustainable Power Co", "Green Innovation Ltd", "Aerospace Power Tech", "Eco Tech Solutions"]}
"Global Energy Group",
"Future Mobilty Inc",
"Sustainable Power Co",
"Green Innovation Ltd",
"Aerospace Power Tech",
"Eco Tech Solutions",
]}
logos={[ logos={[
"http://img.b2bpic.net/free-vector/star-digital-tech-logo-business-card-branding-template-design-inspiration-isolated-white-backgrounds_384344-1497.jpg", "http://img.b2bpic.net/free-vector/star-digital-tech-logo-business-card-branding-template-design-inspiration-isolated-white-backgrounds_384344-1497.jpg", "http://img.b2bpic.net/free-vector/technological-ecology-concept_23-2148424173.jpg", "http://img.b2bpic.net/free-vector/electric-car-infographic_23-2148031797.jpg", "http://img.b2bpic.net/free-vector/renewable-energy-logo-design-template_23-2150058648.jpg", "http://img.b2bpic.net/free-vector/gradient-technology-blue-logo-collection_23-2148233811.jpg", "http://img.b2bpic.net/free-photo/modern-car-futuristic-road_23-2151021169.jpg", "http://img.b2bpic.net/free-vector/environment-landing-page-template_23-2148939861.jpg"]}
"http://img.b2bpic.net/free-vector/technological-ecology-concept_23-2148424173.jpg",
"http://img.b2bpic.net/free-vector/electric-car-infographic_23-2148031797.jpg",
"http://img.b2bpic.net/free-vector/renewable-energy-logo-design-template_23-2150058648.jpg",
"http://img.b2bpic.net/free-vector/gradient-technology-blue-logo-collection_23-2148233811.jpg",
"http://img.b2bpic.net/free-photo/modern-car-futuristic-road_23-2151021169.jpg",
"http://img.b2bpic.net/free-vector/environment-landing-page-template_23-2148939861.jpg",
]}
title="Global Energy Partners" title="Global Energy Partners"
description="Powering a cleaner future with partners across the globe." description="Powering a cleaner future with partners across the globe."
/> />
@@ -227,20 +151,11 @@ export default function LandingPage() {
useInvertedBackground={false} useInvertedBackground={false}
faqs={[ faqs={[
{ {
id: "q1", id: "q1", title: "What is Dog Mode?", content: "Dog Mode allows you to keep your cabin at a temperature that is safe for your pet, while informing passersby of their safety."},
title: "What is Dog Mode?",
content: "Dog Mode allows you to keep your cabin at a temperature that is safe for your pet, while informing passersby of their safety.",
},
{ {
id: "q2", id: "q2", title: "What does the Tesla app do?", content: "The Tesla app provides remote control of your vehicle, energy monitoring, charging status, and climate control."},
title: "What does the Tesla app do?",
content: "The Tesla app provides remote control of your vehicle, energy monitoring, charging status, and climate control.",
},
{ {
id: "q3", id: "q3", title: "Where can I test drive?", content: "You can schedule a test drive at your nearest Tesla gallery or service center through our website."},
title: "Where can I test drive?",
content: "You can schedule a test drive at your nearest Tesla gallery or service center through our website.",
},
]} ]}
title="Common Questions" title="Common Questions"
description="Everything you need to know about Tesla energy and vehicles." description="Everything you need to know about Tesla energy and vehicles."
@@ -252,8 +167,7 @@ export default function LandingPage() {
<ContactCenter <ContactCenter
useInvertedBackground={false} useInvertedBackground={false}
background={{ background={{
variant: "plain", variant: "plain"}}
}}
tag="Newsletter" tag="Newsletter"
title="Stay Updated" title="Stay Updated"
description="Receive the latest news and updates on Tesla products." description="Receive the latest news and updates on Tesla products."
@@ -264,37 +178,23 @@ export default function LandingPage() {
<FooterBaseReveal <FooterBaseReveal
columns={[ columns={[
{ {
title: "About", title: "About", items: [
items: [
{ {
label: "Tesla © 2026", label: "Tesla © 2026", href: "#"},
href: "#",
},
{ {
label: "Privacy Policy", label: "Privacy Policy", href: "#"},
href: "#",
},
{ {
label: "Contact", label: "Contact", href: "#"},
href: "#",
},
], ],
}, },
{ {
title: "Resources", title: "Resources", items: [
items: [
{ {
label: "News", label: "News", href: "#"},
href: "#",
},
{ {
label: "Locations", label: "Locations", href: "#"},
href: "#",
},
{ {
label: "Learn", label: "Learn", href: "#"},
href: "#",
},
], ],
}, },
]} ]}