Merge version_1 into main #1
193
src/app/page.tsx
193
src/app/page.tsx
@@ -31,17 +31,11 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Our Craft",
|
||||
id: "about",
|
||||
},
|
||||
name: "Our Craft", id: "about"},
|
||||
{
|
||||
name: "Ingredients",
|
||||
id: "ingredients",
|
||||
},
|
||||
name: "Ingredients", id: "ingredients"},
|
||||
{
|
||||
name: "Shop",
|
||||
id: "shop",
|
||||
},
|
||||
name: "Shop", id: "shop"},
|
||||
]}
|
||||
brandName="PICKLE"
|
||||
/>
|
||||
@@ -50,41 +44,26 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardCarousel
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
title="Gourmet, Defined."
|
||||
description="Artisan-crafted pickles, elevated. Experience the perfect crunch."
|
||||
buttons={[
|
||||
{
|
||||
text: "Shop Now",
|
||||
href: "#shop",
|
||||
},
|
||||
text: "Shop Now", href: "#shop"},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-preserved-food-jars-with-fork_23-2148793590.jpg",
|
||||
imageAlt: "Front view of pickle jar",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-preserved-food-jars-with-fork_23-2148793590.jpg", imageAlt: "Front view of pickle jar"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-cheese-jar-wooden-board_23-2148432631.jpg",
|
||||
imageAlt: "Pickle jar detail",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-cheese-jar-wooden-board_23-2148432631.jpg", imageAlt: "Pickle jar detail"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tasty-preserved-vegetables-plate_23-2148626088.jpg",
|
||||
imageAlt: "Floating pickle ingredients",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tasty-preserved-vegetables-plate_23-2148626088.jpg", imageAlt: "Floating pickle ingredients"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pickled-cucumbers-glass-jars-blue-background_114579-14706.jpg",
|
||||
imageAlt: "Close up of glass condensation",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pickled-cucumbers-glass-jars-blue-background_114579-14706.jpg", imageAlt: "Close up of glass condensation"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/arrangement-delicious-autumn-vegetables_23-2148294630.jpg",
|
||||
imageAlt: "Rustic lid detail",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/arrangement-delicious-autumn-vegetables_23-2148294630.jpg", imageAlt: "Rustic lid detail"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/grilled-chicken-legs-served-with-lemon-chili-sauces_114579-11864.jpg",
|
||||
imageAlt: "Artisan pickle brine",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/grilled-chicken-legs-served-with-lemon-chili-sauces_114579-11864.jpg", imageAlt: "Artisan pickle brine"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -107,23 +86,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Hand-picked Dill",
|
||||
description: "Fresh, aromatic dill sourced locally.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-fresh-greens-light-blue-background_140725-136993.jpg",
|
||||
imageAlt: "Dill",
|
||||
},
|
||||
title: "Hand-picked Dill", description: "Fresh, aromatic dill sourced locally.", imageSrc: "http://img.b2bpic.net/free-photo/top-view-fresh-greens-light-blue-background_140725-136993.jpg", imageAlt: "Dill"},
|
||||
{
|
||||
title: "Premium Spices",
|
||||
description: "Hand-crushed peppercorns for depth.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-peppercorn-texture_53876-33641.jpg",
|
||||
imageAlt: "Peppercorns",
|
||||
},
|
||||
title: "Premium Spices", description: "Hand-crushed peppercorns for depth.", imageSrc: "http://img.b2bpic.net/free-photo/closeup-peppercorn-texture_53876-33641.jpg", imageAlt: "Peppercorns"},
|
||||
{
|
||||
title: "Golden Brine",
|
||||
description: "Secret balanced salinity solution.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/two-jars-pickled-vegetables-blue_114579-60796.jpg",
|
||||
imageAlt: "Brine",
|
||||
},
|
||||
title: "Golden Brine", description: "Secret balanced salinity solution.", imageSrc: "http://img.b2bpic.net/free-photo/two-jars-pickled-vegetables-blue_114579-60796.jpg", imageAlt: "Brine"},
|
||||
]}
|
||||
title="Selected Elements"
|
||||
description="Only the finest components make the cut."
|
||||
@@ -134,49 +101,24 @@ export default function LandingPage() {
|
||||
<TestimonialCardOne
|
||||
animationType="depth-3d"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
gridVariant="one-large-left-three-stacked-right"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Elena Vance",
|
||||
role: "Food Editor",
|
||||
company: "Gourmet Daily",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/black-boy-posing_23-2148171532.jpg",
|
||||
},
|
||||
id: "1", name: "Elena Vance", role: "Food Editor", company: "Gourmet Daily", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/black-boy-posing_23-2148171532.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Marcus Thorne",
|
||||
role: "Chef",
|
||||
company: "Thorne & Co",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/chef-making-heart-with-her-hands_1368-10124.jpg",
|
||||
},
|
||||
id: "2", name: "Marcus Thorne", role: "Chef", company: "Thorne & Co", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/chef-making-heart-with-her-hands_1368-10124.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Sarah Miller",
|
||||
role: "Foodie",
|
||||
company: "Social Club",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/positive-caucasian-business-male-taking-off-face-mask-virus-protection-show-his-smile-with-cheerful-get-well-fight-spread-covid-19-epidemic-health-ideas-concept_609648-1061.jpg",
|
||||
},
|
||||
id: "3", name: "Sarah Miller", role: "Foodie", company: "Social Club", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/positive-caucasian-business-male-taking-off-face-mask-virus-protection-show-his-smile-with-cheerful-get-well-fight-spread-covid-19-epidemic-health-ideas-concept_609648-1061.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "David Wu",
|
||||
role: "Manager",
|
||||
company: "Urban Deli",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-taking-selfie_23-2149191704.jpg",
|
||||
},
|
||||
id: "4", name: "David Wu", role: "Manager", company: "Urban Deli", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-taking-selfie_23-2149191704.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Lucy Chen",
|
||||
role: "Critic",
|
||||
company: "The Taste",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/friendly-handsome-business-leader-cafe_1262-3537.jpg",
|
||||
},
|
||||
id: "5", name: "Lucy Chen", role: "Critic", company: "The Taste", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/friendly-handsome-business-leader-cafe_1262-3537.jpg"},
|
||||
]}
|
||||
title="Praise for the Crunch"
|
||||
description="See why our pickles are taking the scene by storm."
|
||||
@@ -189,20 +131,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Are they gluten-free?",
|
||||
content: "Absolutely! We focus on simple, clean ingredients.",
|
||||
},
|
||||
id: "1", title: "Are they gluten-free?", content: "Absolutely! We focus on simple, clean ingredients."},
|
||||
{
|
||||
id: "2",
|
||||
title: "How long do they last?",
|
||||
content: "Unopened, they stay crunchy for 18 months.",
|
||||
},
|
||||
id: "2", title: "How long do they last?", content: "Unopened, they stay crunchy for 18 months."},
|
||||
{
|
||||
id: "3",
|
||||
title: "Where can I find them?",
|
||||
content: "Available nationwide in select markets and online.",
|
||||
},
|
||||
id: "3", title: "Where can I find them?", content: "Available nationwide in select markets and online."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/preserved-red-peppers-jar_23-2148626089.jpg"
|
||||
imageAlt="Pickles close up"
|
||||
@@ -215,44 +148,18 @@ export default function LandingPage() {
|
||||
|
||||
<div id="blog" data-section="blog">
|
||||
<BlogCardThree
|
||||
animationType="blur-reveal"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Journal"
|
||||
description="Behind the scenes with the pickling artisans."
|
||||
blogs={[
|
||||
{
|
||||
id: "1",
|
||||
category: "Process",
|
||||
title: "The Art of Brining",
|
||||
excerpt: "Deep dive into our 48-hour brine process.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pickled-cucumbers-glass-jars-blue-background_114579-14628.jpg",
|
||||
imageAlt: "Brining",
|
||||
authorName: "Chef Paul",
|
||||
authorAvatar: "http://img.b2bpic.net/free-photo/beautiful-african-american-woman-cafe_273609-5054.jpg",
|
||||
date: "Oct 12, 2024",
|
||||
},
|
||||
id: "1", category: "Process", title: "The Art of Brining", excerpt: "Deep dive into our 48-hour brine process.", imageSrc: "http://img.b2bpic.net/free-photo/pickled-cucumbers-glass-jars-blue-background_114579-14628.jpg", imageAlt: "Brining", authorName: "Chef Paul", authorAvatar: "http://img.b2bpic.net/free-photo/beautiful-african-american-woman-cafe_273609-5054.jpg", date: "Oct 12, 2024"},
|
||||
{
|
||||
id: "2",
|
||||
category: "Ingredients",
|
||||
title: "Sourcing Organic",
|
||||
excerpt: "Why terroir matters for our cucumbers.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-kitchen-composition-with-healthy-ingredients_23-2147859856.jpg",
|
||||
imageAlt: "Cucumber",
|
||||
authorName: "Chef Paul",
|
||||
authorAvatar: "http://img.b2bpic.net/free-photo/full-shot-woman-posing-with-sunglasses_23-2148950602.jpg",
|
||||
date: "Sep 28, 2024",
|
||||
},
|
||||
id: "2", category: "Ingredients", title: "Sourcing Organic", excerpt: "Why terroir matters for our cucumbers.", imageSrc: "http://img.b2bpic.net/free-photo/modern-kitchen-composition-with-healthy-ingredients_23-2147859856.jpg", imageAlt: "Cucumber", authorName: "Chef Paul", authorAvatar: "http://img.b2bpic.net/free-photo/full-shot-woman-posing-with-sunglasses_23-2148950602.jpg", date: "Sep 28, 2024"},
|
||||
{
|
||||
id: "3",
|
||||
category: "Brand",
|
||||
title: "The Glass Jar",
|
||||
excerpt: "Our commitment to sustainable packaging.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/red-sauerkraut-cucumber-bowl-marble-surface_114579-84139.jpg",
|
||||
imageAlt: "Jar",
|
||||
authorName: "Chef Paul",
|
||||
authorAvatar: "http://img.b2bpic.net/free-photo/urban-portrait-young-man-with-long-hair_23-2149122919.jpg",
|
||||
date: "Sep 15, 2024",
|
||||
},
|
||||
id: "3", category: "Brand", title: "The Glass Jar", excerpt: "Our commitment to sustainable packaging.", imageSrc: "http://img.b2bpic.net/free-photo/red-sauerkraut-cucumber-bowl-marble-surface_114579-84139.jpg", imageAlt: "Jar", authorName: "Chef Paul", authorAvatar: "http://img.b2bpic.net/free-photo/urban-portrait-young-man-with-long-hair_23-2149122919.jpg", date: "Sep 15, 2024"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -261,8 +168,7 @@ export default function LandingPage() {
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Newsletter"
|
||||
title="Stay Crunchy"
|
||||
description="Join our community and get exclusive early access."
|
||||
@@ -277,42 +183,27 @@ export default function LandingPage() {
|
||||
logoText="PICKLE"
|
||||
columns={[
|
||||
{
|
||||
title: "Product",
|
||||
items: [
|
||||
title: "Product", items: [
|
||||
{
|
||||
label: "Shop",
|
||||
href: "#shop",
|
||||
},
|
||||
label: "Shop", href: "#shop"},
|
||||
{
|
||||
label: "Ingredients",
|
||||
href: "#ingredients",
|
||||
},
|
||||
label: "Ingredients", href: "#ingredients"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "About",
|
||||
items: [
|
||||
title: "About", items: [
|
||||
{
|
||||
label: "Our Craft",
|
||||
href: "#about",
|
||||
},
|
||||
label: "Our Craft", href: "#about"},
|
||||
{
|
||||
label: "Journal",
|
||||
href: "#blog",
|
||||
},
|
||||
label: "Journal", href: "#blog"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy", href: "#"},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user