Merge version_1 into main #6
211
src/app/page.tsx
211
src/app/page.tsx
@@ -1,162 +1,107 @@
|
||||
"use client";
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
|
||||
import HeroLogoBillboard from "@/components/sections/hero/HeroLogoBillboard";
|
||||
import FeatureCardNine from "@/components/sections/feature/FeatureCardNine";
|
||||
import ProductCardFour from "@/components/sections/product/ProductCardFour";
|
||||
import MetricSplitMediaAbout from "@/components/sections/about/MetricSplitMediaAbout";
|
||||
import ContactCenter from "@/components/sections/contact/ContactCenter";
|
||||
import TestimonialCardThirteen from "@/components/sections/testimonial/TestimonialCardThirteen";
|
||||
import FooterBaseCard from "@/components/sections/footer/FooterBaseCard";
|
||||
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
||||
import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
|
||||
import FeatureCardNine from '@/components/sections/feature/FeatureCardNine';
|
||||
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
||||
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
|
||||
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
||||
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
|
||||
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
|
||||
import Link from "next/link";
|
||||
|
||||
export default function Page() {
|
||||
const navItems = [
|
||||
{ name: "Home", id: "/" }
|
||||
];
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="directional-hover"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="rounded"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ThemeProvider>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
brandName="Village Green"
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Products", id: "products" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Location", id: "location" }
|
||||
]}
|
||||
button={{ text: "Visit Us", href: "#location" }}
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={navItems}
|
||||
brandName="Village Green"
|
||||
button={{ text: "Get Started", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogoBillboard
|
||||
logoText="Not Your Average Convenience Store."
|
||||
description="Snacks, essentials, and everyday luxury — right in your neighborhood."
|
||||
buttons={[
|
||||
{ text: "Visit Us Today", href: "#location" },
|
||||
{ text: "See What We Carry", href: "#products" }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/client-shopping-local-retailer_23-2149349412.jpg"
|
||||
imageAlt="modern convenience store shelves"
|
||||
mediaAnimation="blur-reveal"
|
||||
background={{ variant: "gradient-bars" }}
|
||||
<HeroLogoBillboard
|
||||
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"
|
||||
background={{ variant: "gradient-bars" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="value-props" data-section="value-props">
|
||||
<FeatureCardNine
|
||||
title="Convenience, Upgraded."
|
||||
description="We believe your daily stop should be more than just quick—it should be quality."
|
||||
showStepNumbers={false}
|
||||
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" },
|
||||
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" }
|
||||
},
|
||||
{
|
||||
title: "Fast & Easy", description: "In and out in minutes.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/composition-different-delicious-ingredients_23-2149028608.jpg" },
|
||||
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/top-view-grapefruit-chocolate-lemon-along-with-candy-sticks-grey-desk_140725-13448.jpg" }
|
||||
},
|
||||
{
|
||||
title: "Local & Fresh", description: "Supporting local where it matters.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/top-view-different-kind-snacks-as-nuts-crackers-cookies-white-wooden-surface-horizontal_176474-967.jpg" },
|
||||
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/fruit-salad-with-ice-cream_1232-1650.jpg" }
|
||||
}
|
||||
]}
|
||||
<FeatureCardNine
|
||||
title="Convenience, Upgraded."
|
||||
description="We believe your daily stop should be more than just quick—it should be quality."
|
||||
showStepNumbers={false}
|
||||
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" }, 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" } },
|
||||
{ title: "Fast & Easy", description: "In and out in minutes.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/composition-different-delicious-ingredients_23-2149028608.jpg" }, phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/top-view-grapefruit-chocolate-lemon-along-with-candy-sticks-grey-desk_140725-13448.jpg" } },
|
||||
{ title: "Local & Fresh", description: "Supporting local where it matters.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/top-view-different-kind-snacks-as-nuts-crackers-cookies-white-wooden-surface-horizontal_176474-967.jpg" }, phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/fruit-salad-with-ice-cream_1232-1650.jpg" } }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardFour
|
||||
title="Shop Our Favorites"
|
||||
description="Discover your new go-to items."
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
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" },
|
||||
{ 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" },
|
||||
{ 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" },
|
||||
{ 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" },
|
||||
{ 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" }
|
||||
]}
|
||||
<ProductCardFour
|
||||
title="Shop Our Favorites"
|
||||
description="Discover your new go-to items."
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
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" },
|
||||
{ id: "p2", name: "Snacks", price: "Chips & Chocolate", variant: "New", imageSrc: "http://img.b2bpic.net/free-photo/plate-with-sandwich-chips_23-2148454776.jpg" },
|
||||
{ id: "p3", name: "Essentials", price: "Milk, Eggs, Bread", variant: "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
|
||||
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."
|
||||
useInvertedBackground={true}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/supermarket-owner-promoting-his-bio-food_482257-76583.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
metrics={[
|
||||
{ value: "100+", title: "Local Brands" },
|
||||
{ value: "7AM-11PM", title: "Daily Hours" }
|
||||
]}
|
||||
<MetricSplitMediaAbout
|
||||
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."
|
||||
useInvertedBackground={true}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/supermarket-owner-promoting-his-bio-food_482257-76583.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
metrics={[{ value: "100+", title: "Local Brands" }, { value: "7AM-11PM", title: "Daily Hours" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="location" data-section="location">
|
||||
<ContactCenter
|
||||
tag="Visit Us"
|
||||
title="Located in Your Backyard"
|
||||
description="Find us at 123 Village Lane, open daily from 7 AM to 11 PM."
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "plain" }}
|
||||
buttonText="Get Directions"
|
||||
<ContactCenter
|
||||
tag="Visit Us"
|
||||
title="Located in Your Backyard"
|
||||
description="Find us at 123 Village Lane, open daily from 7 AM to 11 PM."
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "plain" }}
|
||||
buttonText="Get Directions"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardThirteen
|
||||
title="What Neighbors Say"
|
||||
description="Trusted by our local community."
|
||||
showRating={true}
|
||||
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" },
|
||||
{ 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" }
|
||||
]}
|
||||
<TestimonialCardThirteen
|
||||
title="What Neighbors Say"
|
||||
description="Trusted by our local community."
|
||||
showRating={true}
|
||||
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" },
|
||||
{ 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" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="cta" data-section="cta">
|
||||
<ContactCenter
|
||||
tag="Stop By"
|
||||
title="Stop By Today"
|
||||
description="You’re closer than you think. See you soon!"
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "downward-rays-static" }}
|
||||
buttonText="Get Directions"
|
||||
/>
|
||||
</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: "#location" }, { label: "FAQs", href: "#" }] }
|
||||
]}
|
||||
<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>
|
||||
</ThemeProvider>
|
||||
|
||||
Reference in New Issue
Block a user