Merge version_1 into main #2
397
src/app/page.tsx
397
src/app/page.tsx
@@ -25,301 +25,120 @@ export default function LandingPage() {
|
||||
headingFontWeight="light"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Products",
|
||||
id: "products",
|
||||
},
|
||||
{
|
||||
name: "Why Us",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "testimonials",
|
||||
},
|
||||
]}
|
||||
brandName="Westmont Organics"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Products", id: "products" },
|
||||
{ name: "Why Us", id: "features" },
|
||||
{ name: "Reviews", id: "testimonials" },
|
||||
]}
|
||||
brandName="Westmont Organics"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardRotatedCarousel
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
title="Refreshment, Pure and Simple"
|
||||
description="Discover Westmont Organics. Crafted with nature's best ingredients for a crisp, organic lemonade experience that delights the senses."
|
||||
buttons={[
|
||||
{
|
||||
text: "Shop Varieties",
|
||||
href: "#products",
|
||||
},
|
||||
]}
|
||||
carouselItems={[
|
||||
{
|
||||
id: "1",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/glass-orange-juice-fresh-fruit-floor-with-ice-cubes_1150-23644.jpg?_wi=1",
|
||||
imageAlt: "Strawberry Lemonade",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-delicious-lemons-juice_23-2148934800.jpg?_wi=1",
|
||||
imageAlt: "Blueberry Lemonade",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pink-wine-splash-isolated-white_1112-2029.jpg?_wi=1",
|
||||
imageAlt: "Original Lemonade",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/halved-lemon-falling-clean-water-against-black-background_23-2147867033.jpg",
|
||||
imageAlt: "Organic Lemon Harvest",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fresh-iced-raspberry-juice-with-light-blue-background_23-2148037145.jpg",
|
||||
imageAlt: "Blueberry Refreshment",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fresh-lemonade_23-2148606443.jpg",
|
||||
imageAlt: "Nature's Lemonade",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardRotatedCarousel
|
||||
background={{ variant: "plain" }}
|
||||
title="Refreshment, Pure and Simple"
|
||||
description="Discover Westmont Organics. Crafted with nature's best ingredients for a crisp, organic lemonade experience that delights the senses."
|
||||
buttons={[{ text: "Shop Varieties", href: "#products" }]}
|
||||
carouselItems={[
|
||||
{ id: "1", imageSrc: "http://img.b2bpic.net/free-photo/glass-orange-juice-fresh-fruit-floor-with-ice-cubes_1150-23644.jpg", imageAlt: "Strawberry Lemonade" },
|
||||
{ id: "2", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-delicious-lemons-juice_23-2148934800.jpg", imageAlt: "Blueberry Lemonade" },
|
||||
{ id: "3", imageSrc: "http://img.b2bpic.net/free-photo/pink-wine-splash-isolated-white_1112-2029.jpg", imageAlt: "Original Lemonade" },
|
||||
{ id: "4", imageSrc: "http://img.b2bpic.net/free-photo/halved-lemon-falling-clean-water-against-black-background_23-2147867033.jpg", imageAlt: "Organic Lemon Harvest" },
|
||||
{ id: "5", imageSrc: "http://img.b2bpic.net/free-photo/fresh-iced-raspberry-juice-with-light-blue-background_23-2148037145.jpg", imageAlt: "Blueberry Refreshment" },
|
||||
{ id: "6", imageSrc: "http://img.b2bpic.net/free-photo/fresh-lemonade_23-2148606443.jpg", imageAlt: "Nature's Lemonade" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Classic Lemonade",
|
||||
price: "$4.50",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/set-piece-white-cloth-lemon-juice-basket-wooden-surface-high-angle-view_176474-14096.jpg?_wi=1",
|
||||
imageAlt: "Classic Lemonade",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Strawberry Lemonade",
|
||||
price: "$5.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/lemonade-with-strawberries-jug-glass-wooden-yellow-background-side-view_176474-6678.jpg?_wi=1",
|
||||
imageAlt: "Strawberry Lemonade",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Blueberry Lemonade",
|
||||
price: "$5.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blue-composition-with-blueberry-smoothie_23-2148226150.jpg?_wi=1",
|
||||
imageAlt: "Blueberry Lemonade",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Variety 3-Pack",
|
||||
price: "$12.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-citrus-fresh-drink_23-2148602841.jpg?_wi=1",
|
||||
imageAlt: "Variety Pack",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Organic Lemon Sampler",
|
||||
price: "$15.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-detox-drinks_23-2148683561.jpg?_wi=1",
|
||||
imageAlt: "Sampler Pack",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Seasonal Citrus Blend",
|
||||
price: "$5.50",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-lemon-juice-lemons-lemons-slices-potted-plant_140725-99725.jpg?_wi=1",
|
||||
imageAlt: "Seasonal Blend",
|
||||
},
|
||||
]}
|
||||
title="Our Lemonade Varieties"
|
||||
description="Small-batch, organic lemonades. Discover your favorite flavor."
|
||||
/>
|
||||
</div>
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{ id: "p1", name: "Classic Lemonade", price: "$4.50", imageSrc: "http://img.b2bpic.net/free-photo/set-piece-white-cloth-lemon-juice-basket-wooden-surface-high-angle-view_176474-14096.jpg", imageAlt: "Classic Lemonade" },
|
||||
{ id: "p2", name: "Strawberry Lemonade", price: "$5.00", imageSrc: "http://img.b2bpic.net/free-photo/lemonade-with-strawberries-jug-glass-wooden-yellow-background-side-view_176474-6678.jpg", imageAlt: "Strawberry Lemonade" },
|
||||
{ id: "p3", name: "Blueberry Lemonade", price: "$5.00", imageSrc: "http://img.b2bpic.net/free-photo/blue-composition-with-blueberry-smoothie_23-2148226150.jpg", imageAlt: "Blueberry Lemonade" },
|
||||
{ id: "p4", name: "Variety 3-Pack", price: "$12.00", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-citrus-fresh-drink_23-2148602841.jpg", imageAlt: "Variety Pack" },
|
||||
{ id: "p5", name: "Organic Lemon Sampler", price: "$15.00", imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-detox-drinks_23-2148683561.jpg", imageAlt: "Sampler Pack" },
|
||||
{ id: "p6", name: "Seasonal Citrus Blend", price: "$5.50", imageSrc: "http://img.b2bpic.net/free-photo/front-view-lemon-juice-lemons-lemons-slices-potted-plant_140725-99725.jpg", imageAlt: "Seasonal Blend" },
|
||||
]}
|
||||
title="Our Lemonade Varieties"
|
||||
description="Small-batch, organic lemonades. Discover your favorite flavor."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardNine
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: 1,
|
||||
title: "Certified Organic",
|
||||
description: "No synthetic pesticides or fertilizers, ever. Just pure, sun-ripened fruit.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/lemonade-with-strawberries-jug-glass-wooden-yellow-background-side-view_176474-6678.jpg?_wi=2",
|
||||
imageAlt: "Organic Process",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/set-piece-white-cloth-lemon-juice-basket-wooden-surface-high-angle-view_176474-14096.jpg?_wi=2",
|
||||
imageAlt: "Ingredients",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/glass-orange-juice-fresh-fruit-floor-with-ice-cubes_1150-23644.jpg?_wi=2",
|
||||
imageAlt: "fresh organic strawberry lemonade bottle",
|
||||
},
|
||||
{
|
||||
id: 2,
|
||||
title: "Small-Batch Crafted",
|
||||
description: "Hand-pressed and blended in small batches to ensure consistency and freshness.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blue-composition-with-blueberry-smoothie_23-2148226150.jpg?_wi=2",
|
||||
imageAlt: "Small Batching",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-detox-drinks_23-2148683561.jpg?_wi=2",
|
||||
imageAlt: "Bottling Process",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-delicious-lemons-juice_23-2148934800.jpg?_wi=2",
|
||||
imageAlt: "fresh blueberries and lemon",
|
||||
},
|
||||
{
|
||||
id: 3,
|
||||
title: "Flavor Innovation",
|
||||
description: "We are constantly working on new, exciting blends to refresh your summer days.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-lemon-juice-lemons-lemons-slices-potted-plant_140725-99725.jpg?_wi=2",
|
||||
imageAlt: "Flavor Lab",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-citrus-fresh-drink_23-2148602841.jpg?_wi=2",
|
||||
imageAlt: "Testing",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pink-wine-splash-isolated-white_1112-2029.jpg?_wi=2",
|
||||
imageAlt: "strawberry fruit lemonade glass",
|
||||
},
|
||||
]}
|
||||
showStepNumbers={true}
|
||||
title="Why Westmont Organics?"
|
||||
description="We believe in transparency, quality, and the perfect balance of tart and sweet."
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardNine
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
animationType="slide-up"
|
||||
showStepNumbers={true}
|
||||
title="Why Westmont Organics?"
|
||||
description="We believe in transparency, quality, and the perfect balance of tart and sweet."
|
||||
features={[
|
||||
{
|
||||
id: 1,
|
||||
title: "Certified Organic", description: "No synthetic pesticides or fertilizers, ever. Just pure, sun-ripened fruit.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/lemonade-with-strawberries-jug-glass-wooden-yellow-background-side-view_176474-6678.jpg", imageAlt: "Organic Process" },
|
||||
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/set-piece-white-cloth-lemon-juice-basket-wooden-surface-high-angle-view_176474-14096.jpg", imageAlt: "Ingredients" }
|
||||
},
|
||||
{
|
||||
id: 2,
|
||||
title: "Small-Batch Crafted", description: "Hand-pressed and blended in small batches to ensure consistency and freshness.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/blue-composition-with-blueberry-smoothie_23-2148226150.jpg", imageAlt: "Small Batching" },
|
||||
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-detox-drinks_23-2148683561.jpg", imageAlt: "Bottling Process" }
|
||||
},
|
||||
{
|
||||
id: 3,
|
||||
title: "Flavor Innovation", description: "We are constantly working on new, exciting blends to refresh your summer days.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/front-view-lemon-juice-lemons-lemons-slices-potted-plant_140725-99725.jpg", imageAlt: "Flavor Lab" },
|
||||
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/high-angle-citrus-fresh-drink_23-2148602841.jpg", imageAlt: "Testing" }
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTen
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Simply the best",
|
||||
quote: "The strawberry lemonade is my absolute go-to for summer pool days!",
|
||||
name: "Jessica R.",
|
||||
role: "Food Blogger",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/joyful-carefree-cute-tanned-european-woman-brunette-laughing-fli_197531-30614.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "So fresh!",
|
||||
quote: "I love that I can taste the real fruit in every single sip. Amazing quality.",
|
||||
name: "Mark D.",
|
||||
role: "Local Chef",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/triumphing-happy-young-man-raises-clenched-fist-keeps-eyes-shut-from-pleasure-smiles-broadly_273609-27507.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Organic perfection",
|
||||
quote: "Finally, a lemonade that isn't cloyingly sweet. Perfectly tart and refreshing.",
|
||||
name: "Sarah K.",
|
||||
role: "Yoga Instructor",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/video-conference-with-glass-juice_329181-20390.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
title: "Family favorite",
|
||||
quote: "My kids won't drink anything else now. So happy it's organic.",
|
||||
name: "David W.",
|
||||
role: "Parent",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/horizontal-shot-cheerful-fitness-woman-has-freckled-skin-dark-plait-dressed-sportsclothes-pleasant-smile_273609-18120.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
title: "Refreshing!",
|
||||
quote: "Blueberry lemonade is a game changer. I'm obsessed!",
|
||||
name: "Emily P.",
|
||||
role: "Student",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-enjoying-80s-summer-aesthetics_23-2150765113.jpg",
|
||||
},
|
||||
]}
|
||||
title="Loved by Lemonade Lovers"
|
||||
description="Don't just take our word for it—hear what our community says."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTen
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "1", title: "Simply the best", quote: "The strawberry lemonade is my absolute go-to for summer pool days!", name: "Jessica R.", role: "Food Blogger", imageSrc: "http://img.b2bpic.net/free-photo/joyful-carefree-cute-tanned-european-woman-brunette-laughing-fli_197531-30614.jpg" },
|
||||
{ id: "2", title: "So fresh!", quote: "I love that I can taste the real fruit in every single sip. Amazing quality.", name: "Mark D.", role: "Local Chef", imageSrc: "http://img.b2bpic.net/free-photo/triumphing-happy-young-man-raises-clenched-fist-keeps-eyes-shut-from-pleasure-smiles-broadly_273609-27507.jpg" },
|
||||
{ id: "3", title: "Organic perfection", quote: "Finally, a lemonade that isn't cloyingly sweet. Perfectly tart and refreshing.", name: "Sarah K.", role: "Yoga Instructor", imageSrc: "http://img.b2bpic.net/free-photo/video-conference-with-glass-juice_329181-20390.jpg" },
|
||||
{ id: "4", title: "Family favorite", quote: "My kids won't drink anything else now. So happy it's organic.", name: "David W.", role: "Parent", imageSrc: "http://img.b2bpic.net/free-photo/horizontal-shot-cheerful-fitness-woman-has-freckled-skin-dark-plait-dressed-sportsclothes-pleasant-smile_273609-18120.jpg" },
|
||||
{ id: "5", title: "Refreshing!", quote: "Blueberry lemonade is a game changer. I'm obsessed!", name: "Emily P.", role: "Student", imageSrc: "http://img.b2bpic.net/free-photo/woman-enjoying-80s-summer-aesthetics_23-2150765113.jpg" },
|
||||
]}
|
||||
title="Loved by Lemonade Lovers"
|
||||
description="Don't just take our word for it—hear what our community says."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="socialProof" data-section="socialProof">
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Trusted by Enthusiasts"
|
||||
description="Featured in leading lifestyle and wellness publications."
|
||||
names={[
|
||||
"Healthy Living Daily",
|
||||
"Summer Vibe Magazine",
|
||||
"Organic Foodie",
|
||||
"Wellness Today",
|
||||
"The Refreshment Review",
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="socialProof" data-section="socialProof">
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Trusted by Enthusiasts"
|
||||
description="Featured in leading lifestyle and wellness publications."
|
||||
names={["Healthy Living Daily", "Summer Vibe Magazine", "Organic Foodie", "Wellness Today", "The Refreshment Review"]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="http://img.b2bpic.net/free-photo/glass-orange-juice-fresh-fruit-floor-with-ice-cubes_1150-23644.jpg?_wi=3"
|
||||
columns={[
|
||||
{
|
||||
title: "Products",
|
||||
items: [
|
||||
{
|
||||
label: "All Varieties",
|
||||
href: "#products",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Our Process",
|
||||
href: "#features",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Contact",
|
||||
items: [
|
||||
{
|
||||
label: "Support",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Partnerships",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
logoText="Westmont Organics"
|
||||
copyrightText="© 2025 Westmont Organics. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="http://img.b2bpic.net/free-photo/glass-orange-juice-fresh-fruit-floor-with-ice-cubes_1150-23644.jpg"
|
||||
columns={[
|
||||
{ title: "Products", items: [{ label: "All Varieties", href: "#products" }] },
|
||||
{ title: "Company", items: [{ label: "About Us", href: "#" }, { label: "Our Process", href: "#features" }] },
|
||||
{ title: "Contact", items: [{ label: "Support", href: "#" }, { label: "Partnerships", href: "#" }] },
|
||||
]}
|
||||
logoText="Westmont Organics"
|
||||
copyrightText="© 2025 Westmont Organics. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user