Merge version_1 into main
Merge version_1 into main
This commit was merged in pull request #1.
This commit is contained in:
153
src/app/page.tsx
153
src/app/page.tsx
@@ -29,21 +29,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Why Us",
|
||||
id: "features",
|
||||
},
|
||||
name: "Why Us", id: "features"},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "reviews",
|
||||
},
|
||||
name: "Reviews", id: "reviews"},
|
||||
{
|
||||
name: "Membership",
|
||||
id: "membership",
|
||||
},
|
||||
name: "Membership", id: "membership"},
|
||||
{
|
||||
name: "Get Gas",
|
||||
id: "cta",
|
||||
},
|
||||
name: "Get Gas", id: "cta"},
|
||||
]}
|
||||
brandName="Costco Gas"
|
||||
/>
|
||||
@@ -52,42 +44,21 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
title="Premium Fuel. Unbeatable Prices."
|
||||
description="Experience the Costco standard — fast, affordable, and reliable fueling designed for people who value quality and efficiency."
|
||||
tag="Costco Standard"
|
||||
buttons={[
|
||||
{
|
||||
text: "Find a Station",
|
||||
href: "#",
|
||||
},
|
||||
text: "Find a Station", href: "#"},
|
||||
{
|
||||
text: "Learn More",
|
||||
href: "#",
|
||||
},
|
||||
text: "Learn More", href: "#"},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-electric-car-charging_23-2149362817.jpg",
|
||||
imageAlt: "modern gas station night lighting",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-electric-car-charging_23-2149362817.jpg", imageAlt: "modern gas station night lighting"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-couple-gas-station_23-2150697588.jpg",
|
||||
imageAlt: "modern gas station night lighting",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-fuel-level-gauge-vehicle_23-2150163690.jpg",
|
||||
imageAlt: "Close up on fuel level gauge in vehicle",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/lateral-view-pumps-car-refill_23-2148321860.jpg",
|
||||
imageAlt: "Lateral view pumps for car refill",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-fueling-her-car_1303-27944.jpg",
|
||||
imageAlt: "Young woman fueling her car",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-couple-gas-station_23-2150697588.jpg", imageAlt: "modern gas station night lighting"}
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
rating={5}
|
||||
@@ -102,20 +73,11 @@ export default function LandingPage() {
|
||||
description="Efficiency and quality combined for a superior fueling experience."
|
||||
accordionItems={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Lowest Prices",
|
||||
content: "Consistently rated as one of the cheapest gas stations. Save more every time you fill up.",
|
||||
},
|
||||
id: "f1", title: "Lowest Prices", content: "Consistently rated as one of the cheapest gas stations. Save more every time you fill up."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Fast & Efficient",
|
||||
content: "Well-designed pump layouts and smooth flow keep lines moving even during peak hours.",
|
||||
},
|
||||
id: "f2", title: "Fast & Efficient", content: "Well-designed pump layouts and smooth flow keep lines moving even during peak hours."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Reliable Experience",
|
||||
content: "Clean stations, easy-to-use pumps, and consistent service you can count on.",
|
||||
},
|
||||
id: "f3", title: "Reliable Experience", content: "Clean stations, easy-to-use pumps, and consistent service you can count on."},
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/front-view-couple-gas-station_23-2150697587.jpg"
|
||||
@@ -131,45 +93,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Megan P.",
|
||||
role: "Member",
|
||||
company: "Driver",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-man-sitting-cafe-table-gesturing_1262-1141.jpg",
|
||||
},
|
||||
id: "1", name: "Megan P.", role: "Member", company: "Driver", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-man-sitting-cafe-table-gesturing_1262-1141.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Kirk D.",
|
||||
role: "Member",
|
||||
company: "Driver",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/positive-customer-approving-new-offer_1262-17151.jpg",
|
||||
},
|
||||
id: "2", name: "Kirk D.", role: "Member", company: "Driver", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/positive-customer-approving-new-offer_1262-17151.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Kelly K.",
|
||||
role: "Member",
|
||||
company: "Driver",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-with-beard-holding-virtual-currency-bitcoin-retail-shop-smiling-with-idea-question-pointing-finger-with-happy-face-number-one_839833-28138.jpg",
|
||||
},
|
||||
id: "3", name: "Kelly K.", role: "Member", company: "Driver", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-with-beard-holding-virtual-currency-bitcoin-retail-shop-smiling-with-idea-question-pointing-finger-with-happy-face-number-one_839833-28138.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "John S.",
|
||||
role: "Member",
|
||||
company: "Driver",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-blonde-woman-wearing-black-blouse_250224-281.jpg",
|
||||
},
|
||||
id: "4", name: "John S.", role: "Member", company: "Driver", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-blonde-woman-wearing-black-blouse_250224-281.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Alice M.",
|
||||
role: "Member",
|
||||
company: "Driver",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/employee-working-with-trendy-clothes_482257-78860.jpg",
|
||||
},
|
||||
id: "5", name: "Alice M.", role: "Member", company: "Driver", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/employee-working-with-trendy-clothes_482257-78860.jpg"},
|
||||
]}
|
||||
title="What Customers Say"
|
||||
description="Hear from drivers who trust our stations."
|
||||
@@ -185,19 +122,9 @@ export default function LandingPage() {
|
||||
description="Driving efficiency for millions of members daily."
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "1.5M+",
|
||||
title: "Daily Fills",
|
||||
description: "Reliable fueling every day.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/reflection-sky_181624-9195.jpg",
|
||||
},
|
||||
id: "m1", value: "1.5M+", title: "Daily Fills", description: "Reliable fueling every day.", imageSrc: "http://img.b2bpic.net/free-photo/reflection-sky_181624-9195.jpg"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "99%",
|
||||
title: "Satisfaction",
|
||||
description: "Consistently happy drivers.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/feeling-happy-cheerful-smiling-welcoming-you-inviting-you-with-friendly-gesture_1194-633389.jpg",
|
||||
},
|
||||
id: "m2", value: "99%", title: "Satisfaction", description: "Consistently happy drivers.", imageSrc: "http://img.b2bpic.net/free-photo/feeling-happy-cheerful-smiling-welcoming-you-inviting-you-with-friendly-gesture_1194-633389.jpg"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -209,16 +136,10 @@ export default function LandingPage() {
|
||||
description="Access exclusive fuel pricing and premium service."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
required: true,
|
||||
name: "name", type: "text", placeholder: "Your Name", required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Email Address",
|
||||
required: true,
|
||||
name: "email", type: "email", placeholder: "Email Address", required: true,
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/young-woman-taking-tool-filling-car-tires-with-air_23-2148150114.jpg"
|
||||
@@ -231,29 +152,19 @@ export default function LandingPage() {
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "About",
|
||||
items: [
|
||||
title: "About", items: [
|
||||
{
|
||||
label: "Why Us",
|
||||
href: "#features",
|
||||
},
|
||||
label: "Why Us", href: "#features"},
|
||||
{
|
||||
label: "Membership",
|
||||
href: "#membership",
|
||||
},
|
||||
label: "Membership", href: "#membership"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
title: "Support", items: [
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#",
|
||||
},
|
||||
label: "FAQ", href: "#"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#",
|
||||
},
|
||||
label: "Contact", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user