bender/6eb1d6d4-a36f-49fe-8977-633fcf3df76d
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-05-09 04:15:04 +00:00
parent 1019ec924c
commit 98303a5946
1 changed files with 47 additions and 280 deletions
Download Patch File Download Diff File Expand all files Collapse all files

327
src/app/page.tsx
View File

@@ -32,26 +32,11 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarStyleFullscreen
navItems={[
{
name: "Home",
id: "hero",
},
{
name: "Products",
id: "products",
},
{
name: "Our Story",
id: "about",
},
{
name: "FAQs",
id: "faq",
},
{
name: "Contact",
id: "contact",
},
{ name: "Home", id: "hero" },
{ name: "Products", id: "products" },
{ name: "Our Story", id: "about" },
{ name: "FAQs", id: "faq" },
{ name: "Contact", id: "contact" },
]}
brandName="TOOZ"
/>
@@ -59,42 +44,17 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroBillboardCarousel
background={{
variant: "sparkles-gradient",
}}
background={{ variant: "sparkles-gradient" }}
title="Organic AtoZ, Delivered Fresh to You"
description="TOOZ brings certified organic groceries from farm to table—no compromises, no chemicals. Everything you need for a healthier life, one order away."
buttons={[
{
text: "Start Shopping Organic",
href: "#products",
},
]}
buttons={[{ text: "Start Shopping Organic", href: "#products" }]}
mediaItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/wooden-crate-with-fresh-vegetables-green-grass_23-2147844342.jpg",
imageAlt: "Organic groceries",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/top-view-fresh-mushrooms-with-tomatoes-lettuce-arranged-around-sketchbook-light-blue_141793-11844.jpg",
imageAlt: "Organic groceries",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/group-people-talking-about-bio-fresh-farmers-market-products_482257-77547.jpg",
imageAlt: "Organic groceries",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-roped-label-lunch-box_23-2147866412.jpg",
imageAlt: "Organic groceries",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/top-view-assortment-vegetables-with-paper-bag-word-vegan_23-2148853340.jpg",
imageAlt: "Organic groceries",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/peppers-wooden-container_114579-6156.jpg",
imageAlt: "Organic groceries",
},
{ imageSrc: "http://img.b2bpic.net/free-photo/wooden-crate-with-fresh-vegetables-green-grass_23-2147844342.jpg", imageAlt: "Organic groceries" },
{ imageSrc: "http://img.b2bpic.net/free-photo/top-view-fresh-mushrooms-with-tomatoes-lettuce-arranged-around-sketchbook-light-blue_141793-11844.jpg", imageAlt: "Organic groceries" },
{ imageSrc: "http://img.b2bpic.net/free-photo/group-people-talking-about-bio-fresh-farmers-market-products_482257-77547.jpg", imageAlt: "Organic groceries" },
{ imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-roped-label-lunch-box_23-2147866412.jpg", imageAlt: "Organic groceries" },
{ imageSrc: "http://img.b2bpic.net/free-photo/top-view-assortment-vegetables-with-paper-bag-word-vegan_23-2148853340.jpg", imageAlt: "Organic groceries" },
{ imageSrc: "http://img.b2bpic.net/free-photo/peppers-wooden-container_114579-6156.jpg", imageAlt: "Organic groceries" }
]}
/>
</div>
@@ -104,21 +64,9 @@ export default function LandingPage() {
useInvertedBackground={true}
title="Our Organic Commitment"
metrics={[
{
icon: Leaf,
label: "Certified Organic",
value: "100%",
},
{
icon: Truck,
label: "Farm-to-Table",
value: "24h",
},
{
icon: Award,
label: "Happy Families",
value: "10K+",
},
{ icon: Leaf, label: "Certified Organic", value: "100%" },
{ icon: Truck, label: "Farm-to-Table", value: "24h" },
{ icon: Award, label: "Happy Families", value: "10K+" }
]}
metricsAnimation="blur-reveal"
/>
@@ -131,48 +79,12 @@ export default function LandingPage() {
gridVariant="four-items-2x2-equal-grid"
useInvertedBackground={false}
products={[
{
id: "1",
name: "Organic Cookies",
price: "$5.99",
variant: "Oatmeal Raisin",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-futuristic-soft-drink_23-2151281988.jpg",
},
{
id: "2",
name: "Mixed Nuts",
price: "$8.50",
variant: "Dry Roasted",
imageSrc: "http://img.b2bpic.net/free-photo/cornflakes-bowl-near-spilled-jar-granola-rice-crackers-wooden-backdrop_23-2147956803.jpg",
},
{
id: "3",
name: "Dosa Batter",
price: "$4.00",
variant: "Original",
imageSrc: "http://img.b2bpic.net/free-photo/rice-stew-near-spices_23-2147894842.jpg",
},
{
id: "4",
name: "Briyani Mix",
price: "$6.25",
variant: "Spicy Masala",
imageSrc: "http://img.b2bpic.net/free-photo/top-view-yummy-cooked-rice-tasty-eastern-meal-with-seasonings-dark_140725-36071.jpg",
},
{
id: "5",
name: "Vegetable Chips",
price: "$4.50",
variant: "Sea Salt",
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-roasted-potatoes-paper-bag-with-sauce_23-2148562757.jpg",
},
{
id: "6",
name: "Raw Honey",
price: "$12.00",
variant: "Wildflower",
imageSrc: "http://img.b2bpic.net/free-photo/front-view-dipper-honey-bowl_23-2148359255.jpg",
},
{ id: "1", name: "Organic Cookies", price: "$5.99", variant: "Oatmeal Raisin", imageSrc: "http://img.b2bpic.net/free-photo/close-up-futuristic-soft-drink_23-2151281988.jpg" },
{ id: "2", name: "Mixed Nuts", price: "$8.50", variant: "Dry Roasted", imageSrc: "http://img.b2bpic.net/free-photo/cornflakes-bowl-near-spilled-jar-granola-rice-crackers-wooden-backdrop_23-2147956803.jpg" },
{ id: "3", name: "Dosa Batter", price: "$4.00", variant: "Original", imageSrc: "http://img.b2bpic.net/free-photo/rice-stew-near-spices_23-2147894842.jpg" },
{ id: "4", name: "Briyani Mix", price: "$6.25", variant: "Spicy Masala", imageSrc: "http://img.b2bpic.net/free-photo/top-view-yummy-cooked-rice-tasty-eastern-meal-with-seasonings-dark_140725-36071.jpg" },
{ id: "5", name: "Vegetable Chips", price: "$4.50", variant: "Sea Salt", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-roasted-potatoes-paper-bag-with-sauce_23-2148562757.jpg" },
{ id: "6", name: "Raw Honey", price: "$12.00", variant: "Wildflower", imageSrc: "http://img.b2bpic.net/free-photo/front-view-dipper-honey-bowl_23-2148359255.jpg" }
]}
title="Our Organic Catalog"
description="From cookies to dosa batter, explore our farm-fresh goodness."
@@ -181,24 +93,13 @@ export default function LandingPage() {
<div id="features" data-section="features">
<FeatureHoverPattern
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={true}
features={[
{
icon: ShieldCheck,
title: "Verified Sources",
description: "Every product is certified organic and thoroughly tested.",
},
{
icon: Leaf,
title: "Sustainable Practices",
description: "Eco-friendly packaging and fair-trade farming partnerships.",
},
{
icon: Truck,
title: "Fast Delivery",
description: "Reliable logistics to ensure freshness reaches your doorstep.",
},
{ icon: ShieldCheck, title: "Verified Sources", description: "Every product is certified organic and thoroughly tested." },
{ icon: Leaf, title: "Sustainable Practices", description: "Eco-friendly packaging and fair-trade farming partnerships." },
{ icon: Truck, title: "Fast Delivery", description: "Reliable logistics to ensure freshness reaches your doorstep." }
]}
title="Why TOOZ?"
description="We prioritize transparency and nutrition in everything we source."
@@ -211,24 +112,9 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
metrics={[
{
id: "m1",
icon: Users,
title: "Community Members",
value: "15,000+",
},
{
id: "m2",
icon: Leaf,
title: "Farms Supported",
value: "85",
},
{
id: "m3",
icon: Smile,
title: "Satisfied Customers",
value: "99%",
},
{ id: "m1", icon: Users, title: "Community Members", value: "15,000+" },
{ id: "m2", icon: Leaf, title: "Farms Supported", value: "85" },
{ id: "m3", icon: Smile, title: "Satisfied Customers", value: "99%" }
]}
title="Our Impact"
description="Growing healthier futures together."
@@ -241,60 +127,16 @@ export default function LandingPage() {
textboxLayout="split"
useInvertedBackground={true}
testimonials={[
{
id: "1",
name: "Sarah Miller",
role: "Mom",
company: "TOOZ Fan",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/happy-girl-with-vegetables_1398-1487.jpg",
},
{
id: "2",
name: "John Doe",
role: "Professional",
company: "TOOZ Fan",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/close-up-young-man-food-market_23-2149082593.jpg",
},
{
id: "3",
name: "Alice Wong",
role: "Chef",
company: "TOOZ Fan",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-big-family-prepare-food-kitchen_1157-23236.jpg",
},
{
id: "4",
name: "Bob Smith",
role: "Athlete",
company: "TOOZ Fan",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/smiley-woman-holding-water-bottle_23-2148657827.jpg",
},
{
id: "5",
name: "Emma Brown",
role: "Teacher",
company: "TOOZ Fan",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/front-view-beautiful-woman-with-bicycle_23-2148627057.jpg",
},
{ id: "1", name: "Sarah Miller", role: "Mom", company: "TOOZ Fan", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/happy-girl-with-vegetables_1398-1487.jpg" },
{ id: "2", name: "John Doe", role: "Professional", company: "TOOZ Fan", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-young-man-food-market_23-2149082593.jpg" },
{ id: "3", name: "Alice Wong", role: "Chef", company: "TOOZ Fan", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/beautiful-big-family-prepare-food-kitchen_1157-23236.jpg" },
{ id: "4", name: "Bob Smith", role: "Athlete", company: "TOOZ Fan", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiley-woman-holding-water-bottle_23-2148657827.jpg" },
{ id: "5", name: "Emma Brown", role: "Teacher", company: "TOOZ Fan", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/front-view-beautiful-woman-with-bicycle_23-2148627057.jpg" }
]}
kpiItems={[
{
value: "4.9",
label: "Avg Rating",
},
{
value: "98%",
label: "Repeat Orders",
},
{
value: "500+",
label: "Reviews",
},
{ value: "4.9", label: "Avg Rating" },
{ value: "98%", label: "Repeat Orders" },
{ value: "500+", label: "Reviews" }
]}
title="Loved by Families"
description="Hear what our organic community has to say about TOOZ."
@@ -305,21 +147,9 @@ export default function LandingPage() {
<FaqSplitText
useInvertedBackground={false}
faqs={[
{
id: "f1",
title: "Are your products truly organic?",
content: "Yes, we partner with certified organic farms and conduct regular quality audits.",
},
{
id: "f2",
title: "Do you deliver to my area?",
content: "We are currently expanding our delivery zones nationwide. Check your zip code at checkout.",
},
{
id: "f3",
title: "What if I'm not satisfied?",
content: "We offer a 100% satisfaction guarantee. Reach out to our support team for a full refund.",
},
{ id: "f1", title: "Are your products truly organic?", content: "Yes, we partner with certified organic farms and conduct regular quality audits." },
{ id: "f2", title: "Do you deliver to my area?", content: "We are currently expanding our delivery zones nationwide. Check your zip code at checkout." },
{ id: "f3", title: "What if I'm not satisfied?", content: "We offer a 100% satisfaction guarantee. Reach out to our support team for a full refund." }
]}
sideTitle="Common Questions"
sideDescription="Everything you need to know about our organic mission."
@@ -333,25 +163,10 @@ export default function LandingPage() {
title="Get in Touch"
description="Have questions about our sourcing? Send us a message."
inputs={[
{
name: "fullName",
type: "text",
placeholder: "Your Name",
required: true,
},
{
name: "email",
type: "email",
placeholder: "Your Email",
required: true,
},
{ name: "fullName", type: "text", placeholder: "Your Name", required: true },
{ name: "email", type: "email", placeholder: "Your Email", required: true }
]}
textarea={{
name: "message",
placeholder: "How can we help you?",
rows: 4,
required: true,
}}
textarea={{ name: "message", placeholder: "How can we help you?", rows: 4, required: true }}
imageSrc="http://img.b2bpic.net/free-photo/seller-assists-customer-grocery-store_482257-76579.jpg"
/>
</div>
@@ -359,57 +174,9 @@ export default function LandingPage() {
<div id="footer" data-section="footer">
<FooterSimple
columns={[
{
title: "Shop",
items: [
{
label: "Cookies",
href: "#products",
},
{
label: "Mixes",
href: "#products",
},
{
label: "Staples",
href: "#products",
},
],
},
{
title: "Company",
items: [
{
label: "Our Story",
href: "#about",
},
{
label: "Careers",
href: "#",
},
{
label: "Transparency",
href: "#",
},
],
},
{
title: "Support",
items: [
{
label: "FAQs",
href: "#faq",
},
{
label: "Shipping Info",
href: "#",
},
{
label: "Contact Us",
href: "#contact",
},
],
},
{ title: "Shop", items: [{ label: "Cookies", href: "#products" }, { label: "Mixes", href: "#products" }, { label: "Staples", href: "#products" }] },
{ title: "Company", items: [{ label: "Our Story", href: "#about" }, { label: "Careers", href: "#" }, { label: "Transparency", href: "#" }] },
{ title: "Support", items: [{ label: "FAQs", href: "#faq" }, { label: "Shipping Info", href: "#" }, { label: "Contact Us", href: "#contact" }] }
]}
bottomLeftText="© 2024 TOOZ Organic"
bottomRightText="All rights reserved."
@@ -418,4 +185,4 @@ export default function LandingPage() {
</ReactLenis>
</ThemeProvider>
);
}
}