Update src/app/page.tsx
This commit is contained in:
215
src/app/page.tsx
215
src/app/page.tsx
@@ -29,26 +29,11 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Shop",
|
||||
id: "product",
|
||||
},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Features", id: "features" },
|
||||
{ name: "Shop", id: "product" },
|
||||
{ name: "Reviews", id: "testimonials" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Nasos AirCharge"
|
||||
/>
|
||||
@@ -56,18 +41,11 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardScroll
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
title="Nasos AirCharge"
|
||||
description="Fast, precise, and portable. The ultimate air compressor for cars, motorbikes, and bicycles."
|
||||
buttons={[
|
||||
{
|
||||
text: "Shop Now",
|
||||
href: "#product",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/spare-part-engine-water-pump-isolated-white_627829-7507.jpg?_wi=1"
|
||||
buttons={[{ text: "Shop Now", href: "#product" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/spare-part-engine-water-pump-isolated-white_627829-7507.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -76,7 +54,7 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="Engineered for Performance"
|
||||
description="Experience superior power with our pure copper motor and advanced airflow technology. Compact, reliable, and ready for your next emergency in the boot of your car."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/view-tiny-music-boxes-collection_23-2150545657.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/view-tiny-music-boxes-collection_23-2150545657.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -87,41 +65,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Fast Inflation",
|
||||
description: "High-efficiency motor for rapid tire pressure adjustment.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/person-being-scanned-by-digital-health-app_23-2151891772.jpg?_wi=1",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/person-being-scanned-by-digital-health-app_23-2151891772.jpg?_wi=2",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/spare-part-engine-water-pump-isolated-white_627829-7507.jpg?_wi=2",
|
||||
imageAlt: "portable air compressor studio shot",
|
||||
title: "Fast Inflation", description: "High-efficiency motor for rapid tire pressure adjustment.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/person-being-scanned-by-digital-health-app_23-2151891772.jpg" },
|
||||
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/person-being-scanned-by-digital-health-app_23-2151891772.jpg" }
|
||||
},
|
||||
{
|
||||
title: "Portable Power Bank",
|
||||
description: "Integrated charging bank to power your phone on the go.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/phone-mobile-connect-battery-power-bank_93675-128461.jpg?_wi=1",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/phone-mobile-connect-battery-power-bank_93675-128461.jpg?_wi=2",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-tiny-music-boxes-collection_23-2150545657.jpg?_wi=2",
|
||||
imageAlt: "copper motor component technical gadget",
|
||||
title: "Portable Power Bank", description: "Integrated charging bank to power your phone on the go.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/phone-mobile-connect-battery-power-bank_93675-128461.jpg" },
|
||||
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/phone-mobile-connect-battery-power-bank_93675-128461.jpg" }
|
||||
},
|
||||
{
|
||||
title: "Universal Use",
|
||||
description: "Perfect for car, motorbike, and bicycle tires anytime.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/person-being-scanned-by-digital-health-app_23-2151891772.jpg?_wi=3",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/person-being-scanned-by-digital-health-app_23-2151891772.jpg?_wi=4",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/person-being-scanned-by-digital-health-app_23-2151891772.jpg?_wi=5",
|
||||
imageAlt: "car tire inflation at night",
|
||||
},
|
||||
title: "Universal Use", description: "Perfect for car, motorbike, and bicycle tires anytime.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/person-being-scanned-by-digital-health-app_23-2151891772.jpg" },
|
||||
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/person-being-scanned-by-digital-health-app_23-2151891772.jpg" }
|
||||
}
|
||||
]}
|
||||
showStepNumbers={true}
|
||||
title="Why Nasos AirCharge?"
|
||||
@@ -136,60 +90,12 @@ export default function LandingPage() {
|
||||
gridVariant="two-columns-alternating-heights"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
brand: "Nasos",
|
||||
name: "AirCharge Standard",
|
||||
price: "$89.99",
|
||||
rating: 5,
|
||||
reviewCount: "120",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-changing-wheel-after-car-breakdown_1157-35972.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
brand: "Nasos",
|
||||
name: "AirCharge Pro",
|
||||
price: "$119.99",
|
||||
rating: 5,
|
||||
reviewCount: "85",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-sporty-woman-riding-bicycle-park_1303-21933.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
brand: "Nasos",
|
||||
name: "AirCharge Lite",
|
||||
price: "$69.99",
|
||||
rating: 4,
|
||||
reviewCount: "45",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-changing-wheel-after-car-breakdown_1157-35972.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
brand: "Nasos",
|
||||
name: "AirCharge Max",
|
||||
price: "$149.99",
|
||||
rating: 5,
|
||||
reviewCount: "200",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-sporty-woman-riding-bicycle-park_1303-21933.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
brand: "Nasos",
|
||||
name: "AirCharge Compact",
|
||||
price: "$79.99",
|
||||
rating: 4,
|
||||
reviewCount: "30",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-changing-wheel-after-car-breakdown_1157-35972.jpg?_wi=3",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
brand: "Nasos",
|
||||
name: "AirCharge Deluxe",
|
||||
price: "$129.99",
|
||||
rating: 5,
|
||||
reviewCount: "65",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-sporty-woman-riding-bicycle-park_1303-21933.jpg?_wi=3",
|
||||
},
|
||||
{ id: "1", brand: "Nasos", name: "AirCharge Standard", price: "$89.99", rating: 5, reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/man-changing-wheel-after-car-breakdown_1157-35972.jpg" },
|
||||
{ id: "2", brand: "Nasos", name: "AirCharge Pro", price: "$119.99", rating: 5, reviewCount: "85", imageSrc: "http://img.b2bpic.net/free-photo/young-sporty-woman-riding-bicycle-park_1303-21933.jpg" },
|
||||
{ id: "3", brand: "Nasos", name: "AirCharge Lite", price: "$69.99", rating: 4, reviewCount: "45", imageSrc: "http://img.b2bpic.net/free-photo/man-changing-wheel-after-car-breakdown_1157-35972.jpg" },
|
||||
{ id: "4", brand: "Nasos", name: "AirCharge Max", price: "$149.99", rating: 5, reviewCount: "200", imageSrc: "http://img.b2bpic.net/free-photo/young-sporty-woman-riding-bicycle-park_1303-21933.jpg" },
|
||||
{ id: "5", brand: "Nasos", name: "AirCharge Compact", price: "$79.99", rating: 4, reviewCount: "30", imageSrc: "http://img.b2bpic.net/free-photo/man-changing-wheel-after-car-breakdown_1157-35972.jpg" },
|
||||
{ id: "6", brand: "Nasos", name: "AirCharge Deluxe", price: "$129.99", rating: 5, reviewCount: "65", imageSrc: "http://img.b2bpic.net/free-photo/young-sporty-woman-riding-bicycle-park_1303-21933.jpg" }
|
||||
]}
|
||||
title="Nasos Products"
|
||||
description="Choose the best solution for your inflation needs."
|
||||
@@ -203,46 +109,11 @@ export default function LandingPage() {
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Johnson",
|
||||
role: "Car Owner",
|
||||
company: "Auto Enthusiast",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-man-car-dealership_23-2148130229.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Michael Chen",
|
||||
role: "Tech Blogger",
|
||||
company: "Gadget Labs",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiley-woman-with-tablet-front-view_23-2149442288.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily Rodriguez",
|
||||
role: "Cyclist",
|
||||
company: "Urban Commuter",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-sports-nature-leisure-concept-relaxed-carefree-caucasian-biker-cycling-clothing-protective-equipment-having-small-break-morning-training-with-his-e-bike-lying-near-him_273609-272.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "David Kim",
|
||||
role: "Rider",
|
||||
company: "Moto Life",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-stylish-redhead-biker-black-leather-jacket-holds-motorcycle-helmet-posing-studio-isolated-dark-background_613910-19256.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Alex Smith",
|
||||
role: "Professional",
|
||||
company: "City Transit",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/shot-beautiful-young-businesswoman-wearing-blue-chiffon-shirt-while-standing-with-folded-arms-black-wall_158595-6868.jpg",
|
||||
},
|
||||
{ id: "1", name: "Sarah Johnson", role: "Car Owner", company: "Auto Enthusiast", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/happy-man-car-dealership_23-2148130229.jpg" },
|
||||
{ id: "2", name: "Michael Chen", role: "Tech Blogger", company: "Gadget Labs", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiley-woman-with-tablet-front-view_23-2149442288.jpg" },
|
||||
{ id: "3", name: "Emily Rodriguez", role: "Cyclist", company: "Urban Commuter", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/people-sports-nature-leisure-concept-relaxed-carefree-caucasian-biker-cycling-clothing-protective-equipment-having-small-break-morning-training-with-his-e-bike-lying-near-him_273609-272.jpg" },
|
||||
{ id: "4", name: "David Kim", role: "Rider", company: "Moto Life", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-stylish-redhead-biker-black-leather-jacket-holds-motorcycle-helmet-posing-studio-isolated-dark-background_613910-19256.jpg" },
|
||||
{ id: "5", name: "Alex Smith", role: "Professional", company: "City Transit", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/shot-beautiful-young-businesswoman-wearing-blue-chiffon-shirt-while-standing-with-folded-arms-black-wall_158595-6868.jpg" }
|
||||
]}
|
||||
title="Trusted by Drivers"
|
||||
description="What our users say about the Nasos experience."
|
||||
@@ -252,9 +123,7 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Newsletter"
|
||||
title="Stay Informed"
|
||||
description="Sign up for product updates and inflation tips."
|
||||
@@ -266,30 +135,8 @@ export default function LandingPage() {
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Shop",
|
||||
href: "#product",
|
||||
},
|
||||
{
|
||||
label: "Features",
|
||||
href: "#features",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Support",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ items: [{ label: "Shop", href: "#product" }, { label: "Features", href: "#features" }] },
|
||||
{ items: [{ label: "Support", href: "#" }, { label: "Contact", href: "#contact" }] }
|
||||
]}
|
||||
logoText="Nasos AirCharge"
|
||||
/>
|
||||
@@ -297,4 +144,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user