Compare commits
2 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| c0e38b0a53 | |||
| a1065310c9 |
180
src/app/page.tsx
180
src/app/page.tsx
@@ -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: "#",
|
|
||||||
},
|
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
]}
|
]}
|
||||||
@@ -304,4 +204,4 @@ export default function LandingPage() {
|
|||||||
</ReactLenis>
|
</ReactLenis>
|
||||||
</ThemeProvider>
|
</ThemeProvider>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
Reference in New Issue
Block a user