Merge version_1 into main
Merge version_1 into main
This commit was merged in pull request #2.
This commit is contained in:
418
src/app/page.tsx
418
src/app/page.tsx
@@ -28,317 +28,129 @@ export default function LandingPage() {
|
||||
headingFontWeight="medium"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Flavors",
|
||||
id: "#flavors",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
{
|
||||
name: "Locations",
|
||||
id: "#location",
|
||||
},
|
||||
]}
|
||||
brandName="Van Leeuwen"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{ name: "Flavors", id: "#flavors" },
|
||||
{ name: "About", id: "#about" },
|
||||
{ name: "Locations", id: "#location" },
|
||||
]}
|
||||
brandName="Van Leeuwen"
|
||||
button={{ text: "Order Now", href: "#" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogoBillboardSplit
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
logoText="Van Leeuwen"
|
||||
description="Extraordinary Ice Cream, Made with Simple Ingredients. Classic & vegan flavors crafted with care."
|
||||
buttons={[
|
||||
{
|
||||
text: "Explore Flavors",
|
||||
href: "#flavors",
|
||||
},
|
||||
{
|
||||
text: "Order Now",
|
||||
href: "#",
|
||||
},
|
||||
]}
|
||||
layoutOrder="default"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/melted-ice-cream-lost-its-eye_23-2147680105.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogoBillboardSplit
|
||||
background={{ variant: "radial-gradient" }}
|
||||
logoText="Van Leeuwen"
|
||||
description="Extraordinary Ice Cream, Made with Simple Ingredients. Classic & vegan flavors crafted with care."
|
||||
buttons={[{ text: "Explore Flavors", href: "#flavors" }, { text: "Order Now", href: "#" }]}
|
||||
layoutOrder="default"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/melted-ice-cream-lost-its-eye_23-2147680105.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="flavors" data-section="flavors">
|
||||
<ProductCardFour
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Vegan Vanilla Wildberry Swirl",
|
||||
price: "$8.00",
|
||||
variant: "Vegan",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/horizontal-shot-piece-cake-white-plate-wooden-surface_181624-32247.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Vegan Churro & Fudge",
|
||||
price: "$8.00",
|
||||
variant: "Vegan",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-dessert-with-chocolate-pretzel_23-2148603301.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Praline Butter Cake",
|
||||
price: "$7.50",
|
||||
variant: "Classic",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mini-ethnic-sculptures-embedded-frames_114579-12096.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Texas Rodeo Sundae",
|
||||
price: "$9.00",
|
||||
variant: "Classic",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/chocolate-sundae-ice-cream_1339-5757.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Seasonal Sorbet",
|
||||
price: "$7.00",
|
||||
variant: "Vegan",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portioned-cheesecake-topped-with-berries-jam_140725-5056.jpg",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
name: "Double Brownie Chunk",
|
||||
price: "$7.50",
|
||||
variant: "Classic",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-spoon-with-tasty-chocolate-mousse_23-2148622338.jpg",
|
||||
},
|
||||
]}
|
||||
title="Featured Flavors"
|
||||
description="Indulge in our most loved, handcrafted creations."
|
||||
/>
|
||||
</div>
|
||||
<div id="flavors" data-section="flavors">
|
||||
<ProductCardFour
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{ id: "1", name: "Vegan Vanilla Wildberry Swirl", price: "$8.00", variant: "Vegan", imageSrc: "http://img.b2bpic.net/free-photo/horizontal-shot-piece-cake-white-plate-wooden-surface_181624-32247.jpg" },
|
||||
{ id: "2", name: "Vegan Churro & Fudge", price: "$8.00", variant: "Vegan", imageSrc: "http://img.b2bpic.net/free-photo/front-view-dessert-with-chocolate-pretzel_23-2148603301.jpg" },
|
||||
{ id: "3", name: "Praline Butter Cake", price: "$7.50", variant: "Classic", imageSrc: "http://img.b2bpic.net/free-photo/mini-ethnic-sculptures-embedded-frames_114579-12096.jpg" },
|
||||
{ id: "4", name: "Texas Rodeo Sundae", price: "$9.00", variant: "Classic", imageSrc: "http://img.b2bpic.net/free-photo/chocolate-sundae-ice-cream_1339-5757.jpg" },
|
||||
{ id: "5", name: "Seasonal Sorbet", price: "$7.00", variant: "Vegan", imageSrc: "http://img.b2bpic.net/free-photo/portioned-cheesecake-topped-with-berries-jam_140725-5056.jpg" },
|
||||
{ id: "6", name: "Double Brownie Chunk", price: "$7.50", variant: "Classic", imageSrc: "http://img.b2bpic.net/free-photo/close-up-spoon-with-tasty-chocolate-mousse_23-2148622338.jpg" },
|
||||
]}
|
||||
title="Featured Flavors"
|
||||
description="Indulge in our most loved, handcrafted creations."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<MetricSplitMediaAbout
|
||||
useInvertedBackground={false}
|
||||
title="Handcrafted for You"
|
||||
description="We believe in simple ingredients and massive flavor. From our humble beginnings in NYC to every scoop we serve, craftsmanship remains our core mission."
|
||||
metrics={[
|
||||
{
|
||||
value: "800+",
|
||||
title: "Reviews",
|
||||
},
|
||||
{
|
||||
value: "4.7★",
|
||||
title: "Average Rating",
|
||||
},
|
||||
{
|
||||
value: "100%",
|
||||
title: "Natural Ingredients",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/medium-shot-friends-eating-tasty-ice-cream_23-2150232340.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
metricsAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<MetricSplitMediaAbout
|
||||
useInvertedBackground={false}
|
||||
title="Handcrafted for You"
|
||||
description="We believe in simple ingredients and massive flavor. From our humble beginnings in NYC to every scoop we serve, craftsmanship remains our core mission."
|
||||
metrics={[{ value: "800+", title: "Reviews" }, { value: "4.7★", title: "Average Rating" }, { value: "100%", title: "Natural Ingredients" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/medium-shot-friends-eating-tasty-ice-cream_23-2150232340.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
metricsAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah J.",
|
||||
role: "Fan",
|
||||
company: "NYC",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/emotional-female-portrait-closeup-outdoors_1321-4437.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Michael C.",
|
||||
role: "Regular",
|
||||
company: "Houston",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-smiling-kitchen_107420-12357.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily R.",
|
||||
role: "Fan",
|
||||
company: "Vegan Lover",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-chinese-woman-smiling-confident-standing-street_839833-7633.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "David K.",
|
||||
role: "Customer",
|
||||
company: "Foodie",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-young-woman-eating-ice-cream-outdoors_1262-4769.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Alice M.",
|
||||
role: "Fan",
|
||||
company: "Local",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-woman-wearing-yellow-bandana_273609-13339.jpg",
|
||||
},
|
||||
]}
|
||||
title="What People Say"
|
||||
description="Join thousands of happy dessert lovers."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "1", name: "Sarah J.", role: "Fan", company: "NYC", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/emotional-female-portrait-closeup-outdoors_1321-4437.jpg" },
|
||||
{ id: "2", name: "Michael C.", role: "Regular", company: "Houston", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-smiling-kitchen_107420-12357.jpg" },
|
||||
{ id: "3", name: "Emily R.", role: "Fan", company: "Vegan Lover", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-chinese-woman-smiling-confident-standing-street_839833-7633.jpg" },
|
||||
{ id: "4", name: "David K.", role: "Customer", company: "Foodie", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/cheerful-young-woman-eating-ice-cream-outdoors_1262-4769.jpg" },
|
||||
{ id: "5", name: "Alice M.", role: "Fan", company: "Local", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/stylish-woman-wearing-yellow-bandana_273609-13339.jpg" },
|
||||
]}
|
||||
title="What People Say"
|
||||
description="Join thousands of happy dessert lovers."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="experience" data-section="experience">
|
||||
<FeatureCardSix
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: 1,
|
||||
title: "Dine-in",
|
||||
description: "Relax in our boutique shop atmosphere.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/horizontal-shot-piece-cake-white-plate-wooden-surface_181624-32247.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: 2,
|
||||
title: "Takeaway",
|
||||
description: "Grab a pint or cone on the go.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-dessert-with-chocolate-pretzel_23-2148603301.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: 3,
|
||||
title: "Delivery",
|
||||
description: "Get indulgence straight to your door.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mini-ethnic-sculptures-embedded-frames_114579-12096.jpg?_wi=2",
|
||||
},
|
||||
]}
|
||||
title="Enjoy Your Way"
|
||||
description="However you like your ice cream, we’ve got a spot for you."
|
||||
/>
|
||||
</div>
|
||||
<div id="experience" data-section="experience">
|
||||
<FeatureCardSix
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ id: 1, title: "Dine-in", description: "Relax in our boutique shop atmosphere.", imageSrc: "http://img.b2bpic.net/free-photo/horizontal-shot-piece-cake-white-plate-wooden-surface_181624-32247.jpg" },
|
||||
{ id: 2, title: "Takeaway", description: "Grab a pint or cone on the go.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-dessert-with-chocolate-pretzel_23-2148603301.jpg" },
|
||||
{ id: 3, title: "Delivery", description: "Get indulgence straight to your door.", imageSrc: "http://img.b2bpic.net/free-photo/mini-ethnic-sculptures-embedded-frames_114579-12096.jpg" },
|
||||
]}
|
||||
title="Enjoy Your Way"
|
||||
description="However you like your ice cream, we’ve got a spot for you."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="location" data-section="location">
|
||||
<MetricCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "loc1",
|
||||
value: "2565",
|
||||
title: "Amherst St",
|
||||
description: "Houston, TX",
|
||||
icon: MapPin,
|
||||
},
|
||||
{
|
||||
id: "loc2",
|
||||
value: "11 PM",
|
||||
title: "Daily Hours",
|
||||
description: "Open Late",
|
||||
icon: Clock,
|
||||
},
|
||||
{
|
||||
id: "loc3",
|
||||
value: "Boutique",
|
||||
title: "Experience",
|
||||
description: "Rice Village",
|
||||
icon: Building2,
|
||||
},
|
||||
]}
|
||||
title="Visit Us"
|
||||
description="2565 Amherst St, Houston, TX. Open until 11 PM every day in Rice Village."
|
||||
/>
|
||||
</div>
|
||||
<div id="location" data-section="location">
|
||||
<MetricCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{ id: "loc1", value: "2565", title: "Amherst St", description: "Houston, TX", icon: MapPin },
|
||||
{ id: "loc2", value: "11 PM", title: "Daily Hours", description: "Open Late", icon: Clock },
|
||||
{ id: "loc3", value: "Boutique", title: "Experience", description: "Rice Village", icon: Building2 },
|
||||
]}
|
||||
title="Visit Us"
|
||||
description="2565 Amherst St, Houston, TX. Open until 11 PM every day in Rice Village."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
text="Have a specific request or catering inquiry? Reach out and we'll make it happen."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "#",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
text="Have a specific request or catering inquiry? Reach out and we'll make it happen."
|
||||
buttons={[{ text: "Contact Us", href: "#" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Flavors",
|
||||
href: "#flavors",
|
||||
},
|
||||
{
|
||||
label: "Locations",
|
||||
href: "#location",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Catering",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "https://instagram.com",
|
||||
},
|
||||
{
|
||||
label: "Facebook",
|
||||
href: "https://facebook.com",
|
||||
},
|
||||
{
|
||||
label: "Twitter",
|
||||
href: "https://twitter.com",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
logoText="Van Leeuwen"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{ items: [{ label: "About", href: "#about" }, { label: "Flavors", href: "#flavors" }, { label: "Locations", href: "#location" }] },
|
||||
{ items: [{ label: "Careers", href: "#" }, { label: "Catering", href: "#" }, { label: "FAQ", href: "#" }] },
|
||||
{ items: [{ label: "Instagram", href: "https://instagram.com" }, { label: "Facebook", href: "https://facebook.com" }, { label: "Twitter", href: "https://twitter.com" }] },
|
||||
]}
|
||||
logoText="Van Leeuwen"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user