Merge version_1 into main #1
213
src/app/page.tsx
213
src/app/page.tsx
@@ -30,68 +30,43 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Products",
|
||||
id: "products",
|
||||
},
|
||||
name: "Products", id: "products"},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
name: "Testimonials", id: "testimonials"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Squirrel's Nut Co."
|
||||
button={{
|
||||
text: "Shop Now",
|
||||
href: "#products",
|
||||
}}
|
||||
text: "Shop Now", href: "#products"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardCarousel
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Nuts for Nature."
|
||||
description="Premium quality peanuts, harvested with care and delivered with a squirrel's curiosity. Taste the wild difference."
|
||||
buttons={[
|
||||
{
|
||||
text: "View Collection",
|
||||
href: "#products",
|
||||
},
|
||||
text: "View Collection", href: "#products"},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-animal-illustration_23-2151888105.jpg",
|
||||
imageAlt: "Funny squirrel",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-animal-illustration_23-2151888105.jpg", imageAlt: "Funny squirrel"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-squirrel-eating-pieces-corn_181624-32206.jpg",
|
||||
imageAlt: "Cute squirrel",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-squirrel-eating-pieces-corn_181624-32206.jpg", imageAlt: "Cute squirrel"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-cute-squirrel-forest_181624-58966.jpg",
|
||||
imageAlt: "Squirrel eating",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-cute-squirrel-forest_181624-58966.jpg", imageAlt: "Squirrel eating"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-baby-squirrel-tree-while-eating_181624-19461.jpg",
|
||||
imageAlt: "Nut hunter squirrel",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-baby-squirrel-tree-while-eating_181624-19461.jpg", imageAlt: "Nut hunter squirrel"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-squirrel-bike_23-2151004427.jpg",
|
||||
imageAlt: "Wildlife photography",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-squirrel-bike_23-2151004427.jpg", imageAlt: "Wildlife photography"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-shot-brown-squirrel-fields_181624-32160.jpg",
|
||||
imageAlt: "Nature squirrel",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-shot-brown-squirrel-fields_181624-32160.jpg", imageAlt: "Nature squirrel"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -104,59 +79,23 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
brand: "Original",
|
||||
name: "Roasted Salted",
|
||||
price: "$8.99",
|
||||
rating: 5,
|
||||
reviewCount: "120",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-tasty-salty-pine-nuts-wooden-bowl-with-shelled-sunflower-seeds_141793-88854.jpg",
|
||||
},
|
||||
id: "p1", brand: "Original", name: "Roasted Salted", price: "$8.99", rating: 5,
|
||||
reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/top-view-tasty-salty-pine-nuts-wooden-bowl-with-shelled-sunflower-seeds_141793-88854.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
brand: "Sweet",
|
||||
name: "Honey Roasted",
|
||||
price: "$9.99",
|
||||
rating: 5,
|
||||
reviewCount: "85",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-nut-cakes-delicious-sticky-wooden-desk-cake_140725-25411.jpg",
|
||||
},
|
||||
id: "p2", brand: "Sweet", name: "Honey Roasted", price: "$9.99", rating: 5,
|
||||
reviewCount: "85", imageSrc: "http://img.b2bpic.net/free-photo/front-view-nut-cakes-delicious-sticky-wooden-desk-cake_140725-25411.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
brand: "Spicy",
|
||||
name: "Chili Crunch",
|
||||
price: "$9.49",
|
||||
rating: 4,
|
||||
reviewCount: "92",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/ingredients-dryfruits-cookies-granola-bar-wooden-table-with-napkin_23-2148026922.jpg",
|
||||
},
|
||||
id: "p3", brand: "Spicy", name: "Chili Crunch", price: "$9.49", rating: 4,
|
||||
reviewCount: "92", imageSrc: "http://img.b2bpic.net/free-photo/ingredients-dryfruits-cookies-granola-bar-wooden-table-with-napkin_23-2148026922.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
brand: "Treat",
|
||||
name: "Choco Covered",
|
||||
price: "$10.99",
|
||||
rating: 5,
|
||||
reviewCount: "67",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-little-pillow-cookies-with-biscuits-white-desk-biscuit-cookie-sugar_140725-95303.jpg",
|
||||
},
|
||||
id: "p4", brand: "Treat", name: "Choco Covered", price: "$10.99", rating: 5,
|
||||
reviewCount: "67", imageSrc: "http://img.b2bpic.net/free-photo/front-view-little-pillow-cookies-with-biscuits-white-desk-biscuit-cookie-sugar_140725-95303.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
brand: "Raw",
|
||||
name: "Fresh Harvest",
|
||||
price: "$7.99",
|
||||
rating: 4,
|
||||
reviewCount: "45",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pile-fresh-peanuts-white-plate_114579-69268.jpg",
|
||||
},
|
||||
id: "p5", brand: "Raw", name: "Fresh Harvest", price: "$7.99", rating: 4,
|
||||
reviewCount: "45", imageSrc: "http://img.b2bpic.net/free-photo/pile-fresh-peanuts-white-plate_114579-69268.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
brand: "Mixed",
|
||||
name: "Squirrel Blend",
|
||||
price: "$12.99",
|
||||
rating: 5,
|
||||
reviewCount: "150",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-nuts-arrangement-wooden-table_23-2148693992.jpg",
|
||||
},
|
||||
id: "p6", brand: "Mixed", name: "Squirrel Blend", price: "$12.99", rating: 5,
|
||||
reviewCount: "150", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-nuts-arrangement-wooden-table_23-2148693992.jpg"},
|
||||
]}
|
||||
title="Our Harvest"
|
||||
description="Hand-picked peanuts sourced directly from sustainable farms."
|
||||
@@ -165,25 +104,17 @@ export default function LandingPage() {
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "10k+",
|
||||
description: "Happy Squirrels Served",
|
||||
},
|
||||
id: "m1", value: "10k+", description: "Happy Squirrels Served"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "50+",
|
||||
description: "Sustainable Farms",
|
||||
},
|
||||
id: "m2", value: "50+", description: "Sustainable Farms"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "100%",
|
||||
description: "Organic Certified",
|
||||
},
|
||||
id: "m3", value: "100%", description: "Organic Certified"},
|
||||
]}
|
||||
title="Nature’s Finest Numbers"
|
||||
description="Proven quality by the pound."
|
||||
@@ -197,40 +128,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Alice G.",
|
||||
handle: "@alice",
|
||||
testimonial: "The crunchiest, most flavorful peanuts I've ever tasted!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-handsome-caucasian-man-park_181624-56791.jpg",
|
||||
},
|
||||
id: "t1", name: "Alice G.", handle: "@alice", testimonial: "The crunchiest, most flavorful peanuts I've ever tasted!", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-handsome-caucasian-man-park_181624-56791.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Bob T.",
|
||||
handle: "@bobt",
|
||||
testimonial: "Squirrel's Nut Co. is my go-to for healthy snacking.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-woman-outdoors_23-2149037634.jpg",
|
||||
},
|
||||
id: "t2", name: "Bob T.", handle: "@bobt", testimonial: "Squirrel's Nut Co. is my go-to for healthy snacking.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-woman-outdoors_23-2149037634.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Carol D.",
|
||||
handle: "@carold",
|
||||
testimonial: "Excellent quality and fast delivery. Absolutely obsessed.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-smiling-young-man-sitting-table-open-air-cafe-looking-away_176420-6296.jpg",
|
||||
},
|
||||
id: "t3", name: "Carol D.", handle: "@carold", testimonial: "Excellent quality and fast delivery. Absolutely obsessed.", imageSrc: "http://img.b2bpic.net/free-photo/handsome-smiling-young-man-sitting-table-open-air-cafe-looking-away_176420-6296.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "David W.",
|
||||
handle: "@davidw",
|
||||
testimonial: "My family loves the honey roasted variety!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-laughing-mature-woman-holding-hands-her-chest_171337-8078.jpg",
|
||||
},
|
||||
id: "t4", name: "David W.", handle: "@davidw", testimonial: "My family loves the honey roasted variety!", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-laughing-mature-woman-holding-hands-her-chest_171337-8078.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Eve M.",
|
||||
handle: "@evem",
|
||||
testimonial: "Fresh, natural, and guilt-free snacking at its best.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/girl-autumn-park_1398-1636.jpg",
|
||||
},
|
||||
id: "t5", name: "Eve M.", handle: "@evem", testimonial: "Fresh, natural, and guilt-free snacking at its best.", imageSrc: "http://img.b2bpic.net/free-photo/girl-autumn-park_1398-1636.jpg"},
|
||||
]}
|
||||
title="What People Say"
|
||||
description="Our customers are as nutty about these peanuts as we are."
|
||||
@@ -243,20 +149,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Are these peanuts organic?",
|
||||
content: "Yes, all our peanuts are 100% organic-certified.",
|
||||
},
|
||||
id: "f1", title: "Are these peanuts organic?", content: "Yes, all our peanuts are 100% organic-certified."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Do you ship internationally?",
|
||||
content: "Currently, we ship nationwide within the country.",
|
||||
},
|
||||
id: "f2", title: "Do you ship internationally?", content: "Currently, we ship nationwide within the country."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "How long do they stay fresh?",
|
||||
content: "When stored in a cool dry place, they last for 6 months.",
|
||||
},
|
||||
id: "f3", title: "How long do they stay fresh?", content: "When stored in a cool dry place, they last for 6 months."},
|
||||
]}
|
||||
title="Questions Answered"
|
||||
description="Everything you need to know about our peanuts."
|
||||
@@ -271,20 +168,12 @@ export default function LandingPage() {
|
||||
description="Interested in bulk orders or just have a question? Drop us a line."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
},
|
||||
name: "name", type: "text", placeholder: "Your Name"},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Your Email",
|
||||
},
|
||||
name: "email", type: "email", placeholder: "Your Email"},
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Message",
|
||||
}}
|
||||
name: "message", placeholder: "Message"}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/beautiful-shot-hill-with-trees-wooden-hut-mountains-background_181624-2780.jpg"
|
||||
/>
|
||||
</div>
|
||||
@@ -294,29 +183,19 @@ export default function LandingPage() {
|
||||
logoText="Squirrel's Nut Co."
|
||||
columns={[
|
||||
{
|
||||
title: "Products",
|
||||
items: [
|
||||
title: "Products", items: [
|
||||
{
|
||||
label: "Shop All",
|
||||
href: "#products",
|
||||
},
|
||||
label: "Shop All", href: "#products"},
|
||||
{
|
||||
label: "Bundle",
|
||||
href: "#",
|
||||
},
|
||||
label: "Bundle", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#",
|
||||
},
|
||||
label: "About Us", href: "#"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user