Merge version_1 into main #2
407
src/app/page.tsx
407
src/app/page.tsx
@@ -26,303 +26,132 @@ export default function LandingPage() {
|
||||
headingFontWeight="medium"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "#hero",
|
||||
},
|
||||
{
|
||||
name: "Products",
|
||||
id: "#products",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
]}
|
||||
brandName="Village Green"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{ name: "Home", id: "#hero" },
|
||||
{ name: "Products", id: "#products" },
|
||||
{ name: "About", id: "#about" },
|
||||
{ name: "Contact", id: "#contact" },
|
||||
]}
|
||||
brandName="Village Green"
|
||||
button={{ text: "Get Started", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogoBillboard
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
logoText="Not Your Average Convenience Store."
|
||||
description="Snacks, essentials, and everyday luxury — right in your neighborhood."
|
||||
buttons={[
|
||||
{
|
||||
text: "Visit Us Today",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
text: "See What We Carry",
|
||||
href: "#products",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/client-shopping-local-retailer_23-2149349412.jpg?_wi=1"
|
||||
mediaAnimation="blur-reveal"
|
||||
imageAlt="modern convenience store shelves"
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogoBillboard
|
||||
background={{ variant: "gradient-bars" }}
|
||||
logoText="Not Your Average Convenience Store."
|
||||
description="Snacks, essentials, and everyday luxury — right in your neighborhood."
|
||||
buttons={[
|
||||
{ text: "Visit Us Today", href: "#contact" },
|
||||
{ text: "See What We Carry", href: "#products" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/client-shopping-local-retailer_23-2149349412.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
imageAlt="modern convenience store shelves"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="value-props" data-section="value-props">
|
||||
<FeatureCardNine
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Premium Selection",
|
||||
description: "Not just basics — better brands, better choices.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-futuristic-soft-drink_23-2151281988.jpg",
|
||||
imageAlt: "refreshing energy drink bottles",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-different-kind-snacks-as-cookies-chips-bowls-cutting-board-dark-surface-horizontal_176474-947.jpg",
|
||||
imageAlt: "gourmet snack bag snacks",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/client-shopping-local-retailer_23-2149349412.jpg?_wi=2",
|
||||
imageAlt: "refreshing energy drink bottles",
|
||||
},
|
||||
{
|
||||
title: "Fast & Easy",
|
||||
description: "In and out in minutes.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/composition-different-delicious-ingredients_23-2149028608.jpg",
|
||||
imageAlt: "fresh daily bread loaf",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-grapefruit-chocolate-lemon-along-with-candy-sticks-grey-desk_140725-13448.jpg",
|
||||
imageAlt: "imported artisanal chocolate bar",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-different-kind-snacks-as-nuts-crackers-cookies-white-wooden-surface-horizontal_176474-967.jpg",
|
||||
imageAlt: "refreshing energy drink bottles",
|
||||
},
|
||||
{
|
||||
title: "Local & Fresh",
|
||||
description: "Supporting local where it matters.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fruit-salad-with-ice-cream_1232-1650.jpg",
|
||||
imageAlt: "trending imported snacks",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/supermarket-owner-promoting-his-bio-food_482257-76583.jpg?_wi=1",
|
||||
imageAlt: "seasonal healthy snack bowl",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delivery-woman-with-food-package_23-2148869400.jpg?_wi=1",
|
||||
imageAlt: "refreshing energy drink bottles",
|
||||
},
|
||||
]}
|
||||
showStepNumbers={false}
|
||||
title="Convenience, Upgraded."
|
||||
description="We believe your daily stop should be more than just quick—it should be quality."
|
||||
/>
|
||||
</div>
|
||||
<div id="value-props" data-section="value-props">
|
||||
<FeatureCardNine
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
showStepNumbers={false}
|
||||
title="Convenience, Upgraded."
|
||||
description="We believe your daily stop should be more than just quick—it should be quality."
|
||||
features={[
|
||||
{
|
||||
title: "Premium Selection", description: "Not just basics — better brands, better choices.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/close-up-futuristic-soft-drink_23-2151281988.jpg", imageAlt: "refreshing energy drink bottles" },
|
||||
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/top-view-different-kind-snacks-as-cookies-chips-bowls-cutting-board-dark-surface-horizontal_176474-947.jpg", imageAlt: "gourmet snack bag snacks" }
|
||||
},
|
||||
{
|
||||
title: "Fast & Easy", description: "In and out in minutes.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/composition-different-delicious-ingredients_23-2149028608.jpg", imageAlt: "fresh daily bread loaf" },
|
||||
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/top-view-grapefruit-chocolate-lemon-along-with-candy-sticks-grey-desk_140725-13448.jpg", imageAlt: "imported artisanal chocolate bar" }
|
||||
},
|
||||
{
|
||||
title: "Local & Fresh", description: "Supporting local where it matters.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/fruit-salad-with-ice-cream_1232-1650.jpg", imageAlt: "trending imported snacks" },
|
||||
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/supermarket-owner-promoting-his-bio-food_482257-76583.jpg", imageAlt: "seasonal healthy snack bowl" }
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardFour
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Drinks",
|
||||
price: "Energy & Juice",
|
||||
variant: "Popular",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-clanging-bottles-beer_23-2147935836.jpg",
|
||||
imageAlt: "refreshing energy drink bottles",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Snacks",
|
||||
price: "Chips & Chocolate",
|
||||
variant: "New Arrival",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/plate-with-sandwich-chips_23-2148454776.jpg",
|
||||
imageAlt: "gourmet snack bag snacks",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Essentials",
|
||||
price: "Milk, Eggs, Bread",
|
||||
variant: "Staff Pick",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-breads-as-black-seeded-baguette-basket-plaid-cloth-wooden-surface-with-copy-space_141793-11330.jpg",
|
||||
imageAlt: "fresh daily bread loaf",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Hidden Gems",
|
||||
price: "Imported Treats",
|
||||
variant: "New Arrival",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-assortment-chocolate-cupcakes_23-2148654051.jpg",
|
||||
imageAlt: "imported artisanal chocolate bar",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Healthy Options",
|
||||
price: "Fresh & Nutritious",
|
||||
variant: "Popular",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-delicious-high-protein-vegan-meal_23-2149091301.jpg",
|
||||
imageAlt: "trending imported snacks",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Daily Finds",
|
||||
price: "Local Staples",
|
||||
variant: "Staff Pick",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/many-plate-o0f-dried-fruits-marmalade-sunflower-seeds-with-tea_114579-24788.jpg",
|
||||
imageAlt: "seasonal healthy snack bowl",
|
||||
},
|
||||
]}
|
||||
title="Shop Our Favorites"
|
||||
description="Discover your new go-to items."
|
||||
/>
|
||||
</div>
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardFour
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
title="Shop Our Favorites"
|
||||
description="Discover your new go-to items."
|
||||
products={[
|
||||
{ id: "p1", name: "Drinks", price: "Energy & Juice", variant: "Popular", imageSrc: "http://img.b2bpic.net/free-photo/people-clanging-bottles-beer_23-2147935836.jpg" },
|
||||
{ id: "p2", name: "Snacks", price: "Chips & Chocolate", variant: "New Arrival", imageSrc: "http://img.b2bpic.net/free-photo/plate-with-sandwich-chips_23-2148454776.jpg" },
|
||||
{ id: "p3", name: "Essentials", price: "Milk, Eggs, Bread", variant: "Staff Pick", imageSrc: "http://img.b2bpic.net/free-photo/side-view-breads-as-black-seeded-baguette-basket-plaid-cloth-wooden-surface-with-copy-space_141793-11330.jpg" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<MetricSplitMediaAbout
|
||||
useInvertedBackground={true}
|
||||
title="Built for the Neighborhood"
|
||||
description="Village Green Convenience isn’t just a store — it’s your go-to spot for quick stops, late-night snacks, and everyday essentials done right. We focus on quality, speed, and a better experience every time you walk in."
|
||||
metrics={[
|
||||
{
|
||||
value: "100+",
|
||||
title: "Local Brands",
|
||||
},
|
||||
{
|
||||
value: "7AM-11PM",
|
||||
title: "Daily Hours",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/supermarket-owner-promoting-his-bio-food_482257-76583.jpg?_wi=2"
|
||||
mediaAnimation="slide-up"
|
||||
imageAlt="happy customer local store"
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<MetricSplitMediaAbout
|
||||
useInvertedBackground={true}
|
||||
title="Built for the Neighborhood"
|
||||
description="Village Green Convenience isn’t just a store — it’s your go-to spot for quick stops, late-night snacks, and everyday essentials done right."
|
||||
metrics={[
|
||||
{ value: "100+", title: "Local Brands" },
|
||||
{ value: "7AM-11PM", title: "Daily Hours" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/supermarket-owner-promoting-his-bio-food_482257-76583.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardThirteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah J.",
|
||||
handle: "@sarahj",
|
||||
testimonial: "Super clean and actually has stuff I can’t find anywhere else.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delivery-woman-with-food-package_23-2148869400.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Michael C.",
|
||||
handle: "@mikes",
|
||||
testimonial: "Way better than a regular corner store.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-woman-shopping_23-2147652127.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Emily R.",
|
||||
handle: "@emilyr",
|
||||
testimonial: "The staff are so friendly and the selection is unmatched.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-spending-time-gas-station_23-2150440227.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "David K.",
|
||||
handle: "@davidk",
|
||||
testimonial: "Finally, a convenient store that actually values quality.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-woman-holding-reusable-bag-with-groceries_23-2148454499.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Jessica L.",
|
||||
handle: "@jessl",
|
||||
testimonial: "My go-to spot for late night snacks!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-female-holding-package-with-chips-watching-movie-light-blue-surface_140725-69697.jpg",
|
||||
},
|
||||
]}
|
||||
showRating={true}
|
||||
title="What Neighbors Say"
|
||||
description="Trusted by our local community."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardThirteen
|
||||
animationType="slide-up"
|
||||
showRating={true}
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
title="What Neighbors Say"
|
||||
description="Trusted by our local community."
|
||||
testimonials={[
|
||||
{ id: "t1", name: "Sarah J.", handle: "@sarahj", testimonial: "Super clean!", rating: 5 },
|
||||
{ id: "t2", name: "Michael C.", handle: "@mikes", testimonial: "Way better.", rating: 5 },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="location" data-section="location">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
tag="Visit Us"
|
||||
title="Located in Your Backyard"
|
||||
description="Find us at 123 Village Lane, open daily from 7 AM to 11 PM."
|
||||
buttonText="Get Directions"
|
||||
/>
|
||||
</div>
|
||||
<div id="location" data-section="location">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Visit Us"
|
||||
title="Located in Your Backyard"
|
||||
description="Find us at 123 Village Lane."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="cta" data-section="cta">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "downward-rays-static",
|
||||
}}
|
||||
tag="Stop By"
|
||||
title="Stop By Today"
|
||||
description="You’re closer than you think. See you soon!"
|
||||
buttonText="Get Directions"
|
||||
/>
|
||||
</div>
|
||||
<div id="cta" data-section="cta">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "downward-rays-static" }}
|
||||
tag="Stop By"
|
||||
title="Stop By Today"
|
||||
description="You’re closer than you think!"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseCard
|
||||
logoText="Village Green Convenience"
|
||||
columns={[
|
||||
{
|
||||
title: "Store",
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Products",
|
||||
href: "#products",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Help",
|
||||
items: [
|
||||
{
|
||||
label: "Contact Us",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
label: "FAQs",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseCard
|
||||
logoText="Village Green Convenience"
|
||||
columns={[
|
||||
{ title: "Store", items: [{ label: "About", href: "#about" }, { label: "Products", href: "#products" }] },
|
||||
{ title: "Help", items: [{ label: "Contact Us", href: "#contact" }, { label: "FAQs", href: "#" }] },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user