Merge version_1 into main #1
393
src/app/page.tsx
393
src/app/page.tsx
@@ -19,292 +19,133 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="text-shift"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="rounded"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Shop",
|
||||
id: "products",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="WoodFired Roastery"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Shop", id: "products" },
|
||||
{ name: "Contact", id: "contact" }
|
||||
]}
|
||||
brandName="WoodFired Roastery"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogo
|
||||
logoText="WoodFired Seeds"
|
||||
description="Handcrafted small batches of premium sunflower seeds, melon seeds, and gourmet nuts—roasted to perfection using traditional woodfire methods. Taste the difference quality makes."
|
||||
buttons={[
|
||||
{
|
||||
text: "Shop Fresh Roasts",
|
||||
href: "#products",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/some-assorted-nuts-dried-fruits-with-pecan-pistachios-almond-peanut-wooden-spoons-wooden-cutting-board_176474-2068.jpg"
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogo
|
||||
logoText="WoodFired Seeds"
|
||||
description="Handcrafted small batches of premium sunflower seeds, melon seeds, and gourmet nuts—roasted to perfection using traditional woodfire methods. Taste the difference quality makes."
|
||||
buttons={[{ text: "Shop Fresh Roasts", href: "#products" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/some-assorted-nuts-dried-fruits-with-pecan-pistachios-almond-peanut-wooden-spoons-wooden-cutting-board_176474-2068.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<AboutMetric
|
||||
useInvertedBackground={false}
|
||||
title="Our Craftsmanship"
|
||||
metrics={[
|
||||
{
|
||||
icon: Sparkles,
|
||||
label: "Small Batch Process",
|
||||
value: "100%",
|
||||
},
|
||||
{
|
||||
icon: Flame,
|
||||
label: "Woodfired Roast",
|
||||
value: "Authentic",
|
||||
},
|
||||
{
|
||||
icon: CheckCircle,
|
||||
label: "Natural Ingredients",
|
||||
value: "Organic",
|
||||
},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<AboutMetric
|
||||
useInvertedBackground={false}
|
||||
title="Our Craftsmanship"
|
||||
metrics={[
|
||||
{ icon: Sparkles, label: "Small Batch Process", value: "100%" },
|
||||
{ icon: Flame, label: "Woodfired Roast", value: "Authentic" },
|
||||
{ icon: CheckCircle, label: "Natural Ingredients", value: "Organic" }
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardFour
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Original Sunflower",
|
||||
price: "$12.00",
|
||||
variant: "Premium",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-photo-peeled-sunflower-seeds-wooden-bowl-grey-surface_114579-83099.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Sea Salt Melon Seeds",
|
||||
price: "$14.00",
|
||||
variant: "Gourmet",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/nut-autumn-concept_23-2147679655.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Woodfired Almonds",
|
||||
price: "$18.00",
|
||||
variant: "Small Batch",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flavorful-almonds-bowl-marble-surface_114579-47953.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Smoked Cashews",
|
||||
price: "$19.00",
|
||||
variant: "Limited",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/raw-cashews-nuts-marble-background_1150-45372.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Roasted Pepitas",
|
||||
price: "$11.00",
|
||||
variant: "Organic",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/white-green-pumpkin-seeds-concrete-surface_114579-69878.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Honey Glazed Seeds",
|
||||
price: "$13.00",
|
||||
variant: "Sweet",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/peanuts-set-table_140725-9600.jpg",
|
||||
},
|
||||
]}
|
||||
title="Shop Our Daily Roasts"
|
||||
description="Freshly roasted and delivered to your doorstep."
|
||||
/>
|
||||
</div>
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardFour
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{ id: "p1", name: "Original Sunflower", price: "$12.00", variant: "Premium", imageSrc: "http://img.b2bpic.net/free-photo/close-up-photo-peeled-sunflower-seeds-wooden-bowl-grey-surface_114579-83099.jpg" },
|
||||
{ id: "p2", name: "Sea Salt Melon Seeds", price: "$14.00", variant: "Gourmet", imageSrc: "http://img.b2bpic.net/free-photo/nut-autumn-concept_23-2147679655.jpg" },
|
||||
{ id: "p3", name: "Woodfired Almonds", price: "$18.00", variant: "Small Batch", imageSrc: "http://img.b2bpic.net/free-photo/flavorful-almonds-bowl-marble-surface_114579-47953.jpg" },
|
||||
{ id: "p4", name: "Smoked Cashews", price: "$19.00", variant: "Limited", imageSrc: "http://img.b2bpic.net/free-photo/raw-cashews-nuts-marble-background_1150-45372.jpg" },
|
||||
{ id: "p5", name: "Roasted Pepitas", price: "$11.00", variant: "Organic", imageSrc: "http://img.b2bpic.net/free-photo/white-green-pumpkin-seeds-concrete-surface_114579-69878.jpg" },
|
||||
{ id: "p6", name: "Honey Glazed Seeds", price: "$13.00", variant: "Sweet", imageSrc: "http://img.b2bpic.net/free-photo/peanuts-set-table_140725-9600.jpg" }
|
||||
]}
|
||||
title="Shop Our Daily Roasts"
|
||||
description="Freshly roasted and delivered to your doorstep."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureBorderGlow
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
icon: Leaf,
|
||||
title: "Sustainably Sourced",
|
||||
description: "Ethically farmed ingredients that respect nature.",
|
||||
},
|
||||
{
|
||||
icon: Clock,
|
||||
title: "Roasted Daily",
|
||||
description: "Ensuring maximum freshness in every small batch.",
|
||||
},
|
||||
{
|
||||
icon: Flame,
|
||||
title: "Artisanal Methods",
|
||||
description: "Traditional techniques for gourmet flavor profiles.",
|
||||
},
|
||||
]}
|
||||
title="Why Choose WoodFired?"
|
||||
description="Experience superior quality through artisanal dedication."
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureBorderGlow
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ icon: Leaf, title: "Sustainably Sourced", description: "Ethically farmed ingredients that respect nature." },
|
||||
{ icon: Clock, title: "Roasted Daily", description: "Ensuring maximum freshness in every small batch." },
|
||||
{ icon: Flame, title: "Artisanal Methods", description: "Traditional techniques for gourmet flavor profiles." }
|
||||
]}
|
||||
title="Why Choose WoodFired?"
|
||||
description="Experience superior quality through artisanal dedication."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTen
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
title: "Best Seeds Ever",
|
||||
quote: "The crunch and flavor are unmatched by store brands.",
|
||||
name: "Sarah J.",
|
||||
role: "Food Enthusiast",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-businesswoman-eating-cookies-break-her-office_637285-99.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
title: "Gourmet Experience",
|
||||
quote: "Finally, a healthy snack that actually tastes luxurious.",
|
||||
name: "Michael R.",
|
||||
role: "Corporate Buyer",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-stylish-woman-sitting-cafe-holding-present-box-smiling_285396-1113.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
title: "Daily Essential",
|
||||
quote: "I have these in my pantry every single day now.",
|
||||
name: "Emily K.",
|
||||
role: "Yoga Instructor",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-girl-smiling-holding-grapefruit-piece-white-wall-healthy-fitness-nutrition_176420-10120.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
title: "Perfect Gift",
|
||||
quote: "The packaging is beautiful and the seeds are amazing.",
|
||||
name: "David L.",
|
||||
role: "Client Manager",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/different-fresh-foods-breakfast-white-background_23-2147860366.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
title: "Pure Quality",
|
||||
quote: "Transparency matters, and their sourcing is top tier.",
|
||||
name: "Jessica W.",
|
||||
role: "Registered Dietitian",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/doctor-kitchen-with-vegetables_1157-28014.jpg",
|
||||
},
|
||||
]}
|
||||
title="Loved by Snackers"
|
||||
description="Hear what our community says about their favorite roasts."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTen
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "t1", title: "Best Seeds Ever", quote: "The crunch and flavor are unmatched by store brands.", name: "Sarah J.", role: "Food Enthusiast", imageSrc: "http://img.b2bpic.net/free-photo/close-up-businesswoman-eating-cookies-break-her-office_637285-99.jpg" },
|
||||
{ id: "t2", title: "Gourmet Experience", quote: "Finally, a healthy snack that actually tastes luxurious.", name: "Michael R.", role: "Corporate Buyer", imageSrc: "http://img.b2bpic.net/free-photo/young-stylish-woman-sitting-cafe-holding-present-box-smiling_285396-1113.jpg" },
|
||||
{ id: "t3", title: "Daily Essential", quote: "I have these in my pantry every single day now.", name: "Emily K.", role: "Yoga Instructor", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-girl-smiling-holding-grapefruit-piece-white-wall-healthy-fitness-nutrition_176420-10120.jpg" },
|
||||
{ id: "t4", title: "Perfect Gift", quote: "The packaging is beautiful and the seeds are amazing.", name: "David L.", role: "Client Manager", imageSrc: "http://img.b2bpic.net/free-photo/different-fresh-foods-breakfast-white-background_23-2147860366.jpg" },
|
||||
{ id: "t5", title: "Pure Quality", quote: "Transparency matters, and their sourcing is top tier.", name: "Jessica W.", role: "Registered Dietitian", imageSrc: "http://img.b2bpic.net/free-photo/doctor-kitchen-with-vegetables_1157-28014.jpg" }
|
||||
]}
|
||||
title="Loved by Snackers"
|
||||
description="Hear what our community says about their favorite roasts."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitText
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "How long do roasts stay fresh?",
|
||||
content: "Our batches stay fresh for up to 3 months when stored in a cool, dry place.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Do you offer bulk gifting?",
|
||||
content: "Yes, we handle corporate and large group orders with elegant packaging.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Where are your seeds sourced?",
|
||||
content: "We source from certified organic farms globally with full transparency.",
|
||||
},
|
||||
]}
|
||||
sideTitle="Questions?"
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitText
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{ id: "f1", title: "How long do roasts stay fresh?", content: "Our batches stay fresh for up to 3 months when stored in a cool, dry place." },
|
||||
{ id: "f2", title: "Do you offer bulk gifting?", content: "Yes, we handle corporate and large group orders with elegant packaging." },
|
||||
{ id: "f3", title: "Where are your seeds sourced?", content: "We source from certified organic farms globally with full transparency." }
|
||||
]}
|
||||
sideTitle="Questions?"
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
tag="Get in touch"
|
||||
title="Ready to taste the freshness?"
|
||||
description="Have questions or need help with a custom order? Drop us a line."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Us",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
tag="Get in touch"
|
||||
title="Ready to taste the freshness?"
|
||||
description="Have questions or need help with a custom order? Drop us a line."
|
||||
buttons={[{ text: "Contact Us" }]}
|
||||
background={{ variant: "plain" }}
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
logoText="WoodFired Roastery"
|
||||
columns={[
|
||||
{
|
||||
title: "Shop",
|
||||
items: [
|
||||
{
|
||||
label: "All Products",
|
||||
href: "#products",
|
||||
},
|
||||
{
|
||||
label: "Gift Sets",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Transparency",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
logoText="WoodFired Roastery"
|
||||
columns={[
|
||||
{ title: "Shop", items: [{ label: "All Products", href: "#products" }, { label: "Gift Sets", href: "#" }] },
|
||||
{ title: "Company", items: [{ label: "About Us", href: "#about" }, { label: "Transparency", href: "#" }] },
|
||||
{ title: "Support", items: [{ label: "FAQ", href: "#faq" }, { label: "Contact", href: "#contact" }] }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user