Merge version_1 into main #2

Merged
bender merged 1 commits from version_1 into main 2026-04-22 22:54:21 +00:00

View File

@@ -29,387 +29,180 @@ export default function LandingPage() {
headingFontWeight="light"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{
name: "About",
id: "#about",
},
{
name: "Flavors",
id: "#products",
},
{
name: "Story",
id: "#story",
},
{
name: "FAQ",
id: "#faq",
},
]}
brandName="Flippin'Chips"
button={{
text: "Shop Now",
href: "#products",
}}
/>
</div>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{ name: "About", id: "#about" },
{ name: "Flavors", id: "#products" },
{ name: "Story", id: "#story" },
{ name: "FAQ", id: "#faq" },
]}
brandName="Flippin'Chips"
button={{ text: "Shop Now", href: "#products" }}
/>
</div>
<div id="hero" data-section="hero">
<HeroSplitDualMedia
background={{
variant: "gradient-bars",
}}
title="The Art of the Crunch"
description="Artisan chips crafted from heritage potatoes, hand-cooked in small batches for the ultimate snacking experience."
tag="PREMIUM ARTISAN SNACKS"
mediaItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/top-view-pink-plate-full-crisps-with-ropes-grey-background-crisp-cracker-snack-color_140725-22948.jpg?_wi=1",
imageAlt: "gourmet potato chips premium packaging",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/mushrooms-basket_23-2147886844.jpg?_wi=1",
imageAlt: "raw organic potato harvest rustic",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/potato-chips-glass-plate-pieces-fabric-marble_114579-37096.jpg",
imageAlt: "Potato chips in a glass plate on pieces of fabric on marble.",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/potato-chips-glass-plate-pieces-fabric-marble-table_114579-90407.jpg",
imageAlt: "Potato chips in a glass plate on a pieces of fabric , on the marble table. ",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/sliced-peaches-composition_23-2147693394.jpg",
imageAlt: "Sliced peaches in composition",
},
]}
mediaAnimation="slide-up"
rating={5}
ratingText="Loved by 10,000+ foodies"
/>
</div>
<div id="hero" data-section="hero">
<HeroSplitDualMedia
background={{ variant: "gradient-bars" }}
title="The Art of the Crunch"
description="Artisan chips crafted from heritage potatoes, hand-cooked in small batches for the ultimate snacking experience."
tag="PREMIUM ARTISAN SNACKS"
mediaItems={[
{ imageSrc: "http://img.b2bpic.net/free-photo/top-view-pink-plate-full-crisps-with-ropes-grey-background-crisp-cracker-snack-color_140725-22948.jpg", imageAlt: "gourmet potato chips premium packaging" },
{ imageSrc: "http://img.b2bpic.net/free-photo/mushrooms-basket_23-2147886844.jpg", imageAlt: "raw organic potato harvest rustic" }
]}
mediaAnimation="slide-up"
rating={5}
ratingText="Loved by 10,000+ foodies"
/>
</div>
<div id="about" data-section="about">
<SplitAbout
textboxLayout="split"
useInvertedBackground={true}
title="Crafted with Passion"
description="We believe snacks should be an event. From our fields to your pantry, every Flippin'Chip is inspected for the perfect golden hue and crunch."
tag="OUR PHILOSOPHY"
bulletPoints={[
{
title: "Heritage Potatoes",
description: "Sourced from family farms.",
},
{
title: "Small Batches",
description: "Hand-cooked for texture.",
},
{
title: "Natural Flavors",
description: "No artificial additives.",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/close-up-bags-potatoes_23-2148540471.jpg"
imageAlt="raw organic potato harvest rustic"
/>
</div>
<div id="about" data-section="about">
<SplitAbout
textboxLayout="split"
useInvertedBackground={true}
title="Crafted with Passion"
description="We believe snacks should be an event. From our fields to your pantry, every Flippin'Chip is inspected for the perfect golden hue and crunch."
tag="OUR PHILOSOPHY"
bulletPoints={[
{ title: "Heritage Potatoes", description: "Sourced from family farms." },
{ title: "Small Batches", description: "Hand-cooked for texture." },
{ title: "Natural Flavors", description: "No artificial additives." },
]}
imageSrc="http://img.b2bpic.net/free-photo/close-up-bags-potatoes_23-2148540471.jpg"
imageAlt="raw organic potato harvest rustic"
/>
</div>
<div id="feature" data-section="feature">
<FeatureCardTen
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
features={[
{
title: "Texture Excellence",
description: "The perfect snap with every bite.",
media: {
imageSrc: "http://img.b2bpic.net/free-photo/extreme-close-up-ice-cream-caramel-flavour_23-2148430624.jpg",
imageAlt: "hand-cooked potato chips process",
},
items: [
{
icon: CheckCircle,
text: "Perfectly golden",
},
{
icon: CheckCircle,
text: "Non-greasy",
},
],
reverse: false,
imageSrc: "http://img.b2bpic.net/free-photo/top-view-pink-plate-full-crisps-with-ropes-grey-background-crisp-cracker-snack-color_140725-22948.jpg?_wi=2",
imageAlt: "hand-cooked potato chips process",
},
{
title: "Flavor Profiles",
description: "Bold, natural seasonings.",
media: {
imageSrc: "http://img.b2bpic.net/free-photo/overhead-view-crispy-potato-chips_23-2148056733.jpg",
imageAlt: "hand-cooked potato chips process",
},
items: [
{
icon: CheckCircle,
text: "Sourced ingredients",
},
{
icon: CheckCircle,
text: "Small batch",
},
],
reverse: true,
imageSrc: "http://img.b2bpic.net/free-photo/mushrooms-basket_23-2147886844.jpg?_wi=2",
imageAlt: "hand-cooked potato chips process",
},
{
title: "Eco-Packaging",
description: "Compostable materials.",
media: {
imageSrc: "http://img.b2bpic.net/free-photo/top-view-christmas-dish-bottle-oil-bowls-spices-lemon-garlic-tree-branches-black-surface_140725-111537.jpg",
imageAlt: "hand-cooked potato chips process",
},
items: [
{
icon: CheckCircle,
text: "Zero waste",
},
{
icon: CheckCircle,
text: "Fully recyclable",
},
],
reverse: false,
imageSrc: "http://img.b2bpic.net/free-photo/half-raw-potato-with-crispy-pieces-chips_23-2148240666.jpg?_wi=1",
imageAlt: "hand-cooked potato chips process",
},
]}
title="Why We're Different"
description="Experience the difference of a truly premium chip."
/>
</div>
<div id="feature" data-section="feature">
<FeatureCardTen
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
features={[
{
title: "Texture Excellence", description: "The perfect snap with every bite.", media: { imageSrc: "http://img.b2bpic.net/free-photo/extreme-close-up-ice-cream-caramel-flavour_23-2148430624.jpg", imageAlt: "hand-cooked potato chips process" },
items: [
{ icon: CheckCircle, text: "Perfectly golden" },
{ icon: CheckCircle, text: "Non-greasy" },
],
reverse: false,
},
{
title: "Flavor Profiles", description: "Bold, natural seasonings.", media: { imageSrc: "http://img.b2bpic.net/free-photo/overhead-view-crispy-potato-chips_23-2148056733.jpg", imageAlt: "hand-cooked potato chips process" },
items: [
{ icon: CheckCircle, text: "Sourced ingredients" },
{ icon: CheckCircle, text: "Small batch" },
],
reverse: true,
},
{
title: "Eco-Packaging", description: "Compostable materials.", media: { imageSrc: "http://img.b2bpic.net/free-photo/top-view-christmas-dish-bottle-oil-bowls-spices-lemon-garlic-tree-branches-black-surface_140725-111537.jpg", imageAlt: "hand-cooked potato chips process" },
items: [
{ icon: CheckCircle, text: "Zero waste" },
{ icon: CheckCircle, text: "Fully recyclable" },
],
reverse: false,
},
]}
title="Why We're Different"
description="Experience the difference of a truly premium chip."
/>
</div>
<div id="products" data-section="products">
<ProductCardThree
animationType="slide-up"
textboxLayout="default"
gridVariant="three-columns-all-equal-width"
useInvertedBackground={true}
products={[
{
id: "p1",
name: "Sea Salt Classic",
price: "$6.99",
imageSrc: "http://img.b2bpic.net/free-photo/half-raw-potato-with-crispy-pieces-chips_23-2148240666.jpg?_wi=2",
},
{
id: "p2",
name: "Black Truffle",
price: "$8.99",
imageSrc: "http://img.b2bpic.net/free-photo/crispy-potato-chips-plate-pieces-fabric-marble_114579-37080.jpg",
},
{
id: "p3",
name: "Spicy Jalapeno",
price: "$7.49",
imageSrc: "http://img.b2bpic.net/free-photo/top-view-frame-with-green-pink-condoms_23-2148237850.jpg",
},
{
id: "p4",
name: "Smoky BBQ",
price: "$7.49",
imageSrc: "http://img.b2bpic.net/free-photo/glass-juice-with-waffles-wooden-platter_114579-11874.jpg",
},
{
id: "p5",
name: "Sweet Chili",
price: "$7.49",
imageSrc: "http://img.b2bpic.net/free-photo/condiment-flavor-based-chili-pepper_23-2151011181.jpg",
},
{
id: "p6",
name: "Sour Cream & Chive",
price: "$7.49",
imageSrc: "http://img.b2bpic.net/free-photo/black-white-cookies-package_140725-4381.jpg",
},
]}
title="Our Signature Flavors"
description="Explore our curated collection of artisan flavors."
/>
</div>
<div id="products" data-section="products">
<ProductCardThree
animationType="slide-up"
textboxLayout="default"
gridVariant="three-columns-all-equal-width"
useInvertedBackground={true}
products={[
{ id: "p1", name: "Sea Salt Classic", price: "$6.99", imageSrc: "http://img.b2bpic.net/free-photo/half-raw-potato-with-crispy-pieces-chips_23-2148240666.jpg" },
{ id: "p2", name: "Black Truffle", price: "$8.99", imageSrc: "http://img.b2bpic.net/free-photo/crispy-potato-chips-plate-pieces-fabric-marble_114579-37080.jpg" },
{ id: "p3", name: "Spicy Jalapeno", price: "$7.49", imageSrc: "http://img.b2bpic.net/free-photo/top-view-frame-with-green-pink-condoms_23-2148237850.jpg" },
{ id: "p4", name: "Smoky BBQ", price: "$7.49", imageSrc: "http://img.b2bpic.net/free-photo/glass-juice-with-waffles-wooden-platter_114579-11874.jpg" },
{ id: "p5", name: "Sweet Chili", price: "$7.49", imageSrc: "http://img.b2bpic.net/free-photo/condiment-flavor-based-chili-pepper_23-2151011181.jpg" },
{ id: "p6", name: "Sour Cream & Chive", price: "$7.49", imageSrc: "http://img.b2bpic.net/free-photo/black-white-cookies-package_140725-4381.jpg" },
]}
title="Our Signature Flavors"
description="Explore our curated collection of artisan flavors."
/>
</div>
<div id="story" data-section="story">
<MetricCardFourteen
useInvertedBackground={false}
title="Our Growth"
tag="BY THE NUMBERS"
metrics={[
{
id: "m1",
value: "15k+",
description: "Happy Snackers",
},
{
id: "m2",
value: "20+",
description: "Unique Flavors",
},
{
id: "m3",
value: "50+",
description: "Local Partners",
},
]}
metricsAnimation="slide-up"
/>
</div>
<div id="story" data-section="story">
<MetricCardFourteen
useInvertedBackground={false}
title="Our Growth"
tag="BY THE NUMBERS"
metrics={[
{ id: "m1", value: "15k+", description: "Happy Snackers" },
{ id: "m2", value: "20+", description: "Unique Flavors" },
{ id: "m3", value: "50+", description: "Local Partners" },
]}
metricsAnimation="slide-up"
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardSixteen
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={true}
testimonials={[
{
id: "t1",
name: "Sarah J.",
role: "Food Blogger",
company: "EatWell",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/woman-enjoying-dessert-drink-cafe_273609-4006.jpg",
},
{
id: "t2",
name: "Mark D.",
role: "Chef",
company: "Gourmet Lab",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/producer-his-shop-with-fresh-foods_23-2149110820.jpg",
},
{
id: "t3",
name: "Emily P.",
role: "Critic",
company: "Daily Bites",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/lifestyle-indoor-portrait-young-brunette-woman-posing-city-cafeteria-enjoy-her-tasty-hot-morning-coffee_291049-795.jpg",
},
{
id: "t4",
name: "David K.",
role: "Consumer",
company: "Self-Proclaimed Foodie",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-eating-dish-poutine_23-2149486002.jpg",
},
{
id: "t5",
name: "Jessica R.",
role: "Food Blogger",
company: "SnackLife",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/front-view-middle-aged-male-holding-basket-with-cips-light-blue-desk_140725-31493.jpg",
},
]}
kpiItems={[
{
value: "4.9",
label: "Rating",
},
{
value: "100%",
label: "Natural",
},
{
value: "5k+",
label: "Reviews",
},
]}
title="What Our Fans Say"
description="Discover why food lovers choose Flippin'Chips."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardSixteen
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={true}
testimonials={[
{ id: "t1", name: "Sarah J.", role: "Food Blogger", company: "EatWell", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/woman-enjoying-dessert-drink-cafe_273609-4006.jpg" },
{ id: "t2", name: "Mark D.", role: "Chef", company: "Gourmet Lab", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/producer-his-shop-with-fresh-foods_23-2149110820.jpg" },
{ id: "t3", name: "Emily P.", role: "Critic", company: "Daily Bites", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/lifestyle-indoor-portrait-young-brunette-woman-posing-city-cafeteria-enjoy-her-tasty-hot-morning-coffee_291049-795.jpg" },
{ id: "t4", name: "David K.", role: "Consumer", company: "Self-Proclaimed Foodie", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-eating-dish-poutine_23-2149486002.jpg" },
{ id: "t5", name: "Jessica R.", role: "Food Blogger", company: "SnackLife", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/front-view-middle-aged-male-holding-basket-with-cips-light-blue-desk_140725-31493.jpg" },
]}
kpiItems={[
{ value: "4.9", label: "Rating" },
{ value: "100%", label: "Natural" },
{ value: "5k+", label: "Reviews" },
]}
title="What Our Fans Say"
description="Discover why food lovers choose Flippin'Chips."
/>
</div>
<div id="faq" data-section="faq">
<FaqDouble
textboxLayout="default"
useInvertedBackground={false}
faqs={[
{
id: "f1",
title: "Are they gluten free?",
content: "Yes, all our flavors are certified gluten-free.",
},
{
id: "f2",
title: "Where do you ship?",
content: "We ship nationwide across the country.",
},
{
id: "f3",
title: "Can I buy wholesale?",
content: "Yes, please contact our team for details.",
},
]}
title="Common Questions"
description="Everything you need to know about our chips."
faqsAnimation="slide-up"
/>
</div>
<div id="faq" data-section="faq">
<FaqDouble
textboxLayout="default"
useInvertedBackground={false}
faqs={[
{ id: "f1", title: "Are they gluten free?", content: "Yes, all our flavors are certified gluten-free." },
{ id: "f2", title: "Where do you ship?", content: "We ship nationwide across the country." },
{ id: "f3", title: "Can I buy wholesale?", content: "Yes, please contact our team for details." },
]}
title="Common Questions"
description="Everything you need to know about our chips."
faqsAnimation="slide-up"
/>
</div>
<div id="contact" data-section="contact">
<ContactSplit
useInvertedBackground={true}
background={{
variant: "plain",
}}
tag="BE THE FIRST"
title="Join Our Tasting Club"
description="Get exclusive access to new flavors and special discounts."
imageSrc="http://img.b2bpic.net/free-photo/food-celebrating-world-tapas-day_23-2149361453.jpg"
/>
</div>
<div id="contact" data-section="contact">
<ContactSplit
useInvertedBackground={true}
background={{ variant: "plain" }}
tag="BE THE FIRST"
title="Join Our Tasting Club"
description="Get exclusive access to new flavors and special discounts."
imageSrc="http://img.b2bpic.net/free-photo/food-celebrating-world-tapas-day_23-2149361453.jpg"
/>
</div>
<div id="footer" data-section="footer">
<FooterSimple
columns={[
{
title: "Company",
items: [
{
label: "About",
href: "#about",
},
{
label: "Flavors",
href: "#products",
},
],
},
{
title: "Help",
items: [
{
label: "FAQ",
href: "#faq",
},
{
label: "Contact",
href: "#contact",
},
],
},
]}
bottomLeftText="© 2024 Flippin'Chips"
bottomRightText="Premium Artisan Snacks"
/>
</div>
<div id="footer" data-section="footer">
<FooterSimple
columns={[
{ title: "Company", items: [{ label: "About", href: "#about" }, { label: "Flavors", href: "#products" }] },
{ title: "Help", items: [{ label: "FAQ", href: "#faq" }, { label: "Contact", href: "#contact" }] },
]}
bottomLeftText="© 2024 Flippin'Chips"
bottomRightText="Premium Artisan Snacks"
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}
}