1 Commits

Author SHA1 Message Date
4385d76c6a Update src/app/page.tsx 2026-05-18 05:04:56 +00:00

View File

@@ -11,7 +11,7 @@ import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleAp
import ProductCardOne from '@/components/sections/product/ProductCardOne'; import ProductCardOne from '@/components/sections/product/ProductCardOne';
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen'; import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
import TextAbout from '@/components/sections/about/TextAbout'; import TextAbout from '@/components/sections/about/TextAbout';
import { Award, CheckCircle, Zap } from "lucide-react"; import { Award, CheckCircle, Zap, Truck, ShieldCheck, HeartHandshake } from "lucide-react";
export default function LandingPage() { export default function LandingPage() {
return ( return (
@@ -31,22 +31,10 @@ export default function LandingPage() {
<div id="nav" data-section="nav"> <div id="nav" data-section="nav">
<NavbarStyleApple <NavbarStyleApple
navItems={[ navItems={[
{ { name: "Home", id: "hero" },
name: "Home", { name: "Products", id: "products" },
id: "hero", { name: "About", id: "about" },
}, { name: "Contact", id: "contact" },
{
name: "Products",
id: "products",
},
{
name: "About",
id: "about",
},
{
name: "Contact",
id: "contact",
},
]} ]}
brandName="Crisp & Crumb" brandName="Crisp & Crumb"
/> />
@@ -55,102 +43,20 @@ export default function LandingPage() {
<div id="hero" data-section="hero"> <div id="hero" data-section="hero">
<HeroSplitTestimonial <HeroSplitTestimonial
useInvertedBackground={false} useInvertedBackground={false}
background={{ background={{ variant: "gradient-bars" }}
variant: "gradient-bars",
}}
title="Crafting Perfection, One Crisp at a Time" title="Crafting Perfection, One Crisp at a Time"
description="Artisanal chips and hand-baked biscuits delivered fresh to your door. Experience the ultimate crunch." description="Artisanal chips and hand-baked biscuits delivered fresh to your door. Experience the ultimate crunch."
testimonials={[ testimonials={[
{ { name: "Alice M.", handle: "@alicem", testimonial: "The best biscuits I've ever had, perfectly buttery and crumbly.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-women-enjoy-shopping-with-credit-cards_1150-18782.jpg" },
name: "Alice M.", { name: "Bob K.", handle: "@bobk", testimonial: "These kettle chips are dangerously addictive. Highly recommend!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/positive-fashion-store-customer-paying-purchase-checkout-looking-pos-terminal-cashier-hands-medium-shot-copy-space-shopping-concept_74855-11916.jpg" }
handle: "@alicem",
testimonial: "The best biscuits I've ever had, perfectly buttery and crumbly.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-women-enjoy-shopping-with-credit-cards_1150-18782.jpg",
},
{
name: "Bob K.",
handle: "@bobk",
testimonial: "These kettle chips are dangerously addictive. Highly recommend!",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/positive-fashion-store-customer-paying-purchase-checkout-looking-pos-terminal-cashier-hands-medium-shot-copy-space-shopping-concept_74855-11916.jpg",
},
{
name: "Clara J.",
handle: "@claraj",
testimonial: "Such unique flavors in the chips selection. True quality.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/hungry-female-tourist-eats-delicious-cookies-drinks-tea-from-mug-has-lunch-time-restss-after-long-journey-carries-rucksack-wears-orange-jacket-gloves-poses-indoors-tourism-expedition_273609-61762.jpg",
},
{
name: "David L.",
handle: "@dl88",
testimonial: "Quick delivery and incredibly fresh every single time.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-grey-eating_23-2147970531.jpg",
},
{
name: "Emma R.",
handle: "@emmar",
testimonial: "A staple in our house for weekend snacks. Simply the best.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/happy-business-woman-white-shirt_23-2148095748.jpg",
},
]} ]}
imageSrc="http://img.b2bpic.net/free-photo/fresh-bruschetta-assortment-copy-space_23-2148517005.jpg" imageSrc="http://img.b2bpic.net/free-photo/fresh-bruschetta-assortment-copy-space_23-2148517005.jpg"
mediaAnimation="slide-up" mediaAnimation="slide-up"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/fresh-cheese-plate-table_140725-8418.jpg",
alt: "Fresh cheese plate on the table",
},
{
src: "http://img.b2bpic.net/free-photo/bread-canapes-marble-with-caviar_114579-21974.jpg",
alt: "Bread canapes on marble with caviar.",
},
{
src: "http://img.b2bpic.net/free-photo/sliced-pie-platter-with-chocolate-drops_114579-16479.jpg",
alt: "Sliced pie in a platter with chocolate drops.",
},
{
src: "http://img.b2bpic.net/free-photo/marmelades-slice-dried-orange-tray-small-garland-marble_114579-72243.jpg",
alt: "Marmelades and a slice of dried orange on a tray next to a small garland on marble.",
},
{
src: "http://img.b2bpic.net/free-photo/background-baking-cakes-donuts_127032-3284.jpg",
alt: "Background for baking cakes and donuts",
},
]}
marqueeItems={[
{
type: "text",
text: "Freshly Baked",
},
{
type: "text",
text: "Artisanal Craft",
},
{
type: "text",
text: "Premium Quality",
},
{
type: "text",
text: "Always Crispy",
},
{
type: "text",
text: "Hand-Packed",
},
]}
/> />
</div> </div>
<div id="about" data-section="about"> <div id="about" data-section="about">
<TextAbout <TextAbout useInvertedBackground={true} title="Our Commitment to Craft" />
useInvertedBackground={true}
title="Our Commitment to Craft"
/>
</div> </div>
<div id="products" data-section="products"> <div id="products" data-section="products">
@@ -160,42 +66,8 @@ export default function LandingPage() {
gridVariant="uniform-all-items-equal" gridVariant="uniform-all-items-equal"
useInvertedBackground={false} useInvertedBackground={false}
products={[ products={[
{ { id: "1", name: "Classic Sea Salt Chips", price: "$5.99", imageSrc: "http://img.b2bpic.net/free-photo/crispy-potato-chips-bowl-marble-table_114579-89809.jpg" },
id: "1", { id: "2", name: "Buttery Shortbread Biscuits", price: "$8.49", imageSrc: "http://img.b2bpic.net/free-photo/top-view-sweet-cookies-with-orange-jam-cup-tea-light-blue-background_140725-58452.jpg" }
name: "Classic Sea Salt Chips",
price: "$5.99",
imageSrc: "http://img.b2bpic.net/free-photo/crispy-potato-chips-bowl-marble-table_114579-89809.jpg",
},
{
id: "2",
name: "Buttery Shortbread Biscuits",
price: "$8.49",
imageSrc: "http://img.b2bpic.net/free-photo/top-view-sweet-cookies-with-orange-jam-cup-tea-light-blue-background_140725-58452.jpg",
},
{
id: "3",
name: "Spicy Jalapeño Chips",
price: "$6.49",
imageSrc: "http://img.b2bpic.net/free-photo/fried-potatoes-white-plate-served_114579-7211.jpg",
},
{
id: "4",
name: "Double Choco Chip Cookies",
price: "$7.99",
imageSrc: "http://img.b2bpic.net/free-photo/top-view-yummy-sand-cookies-perfect-sweets-tea-white-surface_140725-90728.jpg",
},
{
id: "5",
name: "Truffle Infused Chips",
price: "$9.99",
imageSrc: "http://img.b2bpic.net/free-photo/top-view-sweet-candy-jelly-with-cup_23-2148691418.jpg",
},
{
id: "6",
name: "Handmade Oat Biscuits",
price: "$7.49",
imageSrc: "http://img.b2bpic.net/free-photo/front-view-different-tasty-biscuits-light-dark-surface_140725-103215.jpg",
},
]} ]}
title="Artisanal Selection" title="Artisanal Selection"
description="Discover our signature line of snacks." description="Discover our signature line of snacks."
@@ -208,24 +80,12 @@ export default function LandingPage() {
textboxLayout="default" textboxLayout="default"
useInvertedBackground={true} useInvertedBackground={true}
features={[ features={[
{ { icon: Truck, title: "Express Shipping", description: "Fast, temperature-controlled delivery to maintain freshness." },
icon: CheckCircle, { icon: ShieldCheck, title: "Quality Guarantee", description: "We use only premium, locally sourced, natural ingredients." },
title: "Fresh Ingredients", { icon: HeartHandshake, title: "Community Sourced", description: "Supporting local farmers and sustainable baking practices." }
description: "Locally sourced and carefully selected.",
},
{
icon: Award,
title: "Handcrafted",
description: "Small batches for superior quality.",
},
{
icon: Zap,
title: "Rapid Delivery",
description: "Get your snacks when you want them.",
},
]} ]}
title="Why Choose Us?" title="Shop Benefits"
description="We prioritize quality and freshness above everything else." description="Experience the difference with our artisan-first approach."
/> />
</div> </div>
@@ -235,50 +95,13 @@ export default function LandingPage() {
textboxLayout="split" textboxLayout="split"
useInvertedBackground={false} useInvertedBackground={false}
testimonials={[ testimonials={[
{ { id: "1", name: "Sarah J.", handle: "@sarahj", testimonial: "The truffle chips are a game changer! Always delivered perfectly.", rating: 5 },
id: "1", { id: "2", name: "Mike T.", handle: "@miket", testimonial: "My go-to store for weekend treats. Incredible quality.", rating: 5 },
name: "Alice M.", { id: "3", name: "Elena P.", handle: "@elenap", testimonial: "Fantastic service and even better biscuits.", rating: 5 }
handle: "@alicem",
testimonial: "Amazing flavor, clearly fresh.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-eating-strawberry-cheesecake_158595-691.jpg",
},
{
id: "2",
name: "Bob K.",
handle: "@bobk",
testimonial: "The best biscuits ever.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-african-american-man-holding-raw-hazelnuts-cereal-bar-relaxed-with-serious-expression-face-simple-natural-looking-camera_839833-11113.jpg",
},
{
id: "3",
name: "Clara J.",
handle: "@claraj",
testimonial: "Chips are crunchy and perfect.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/rear-view-senior-woman-having-coffee-with-her-smiling-grand-daughter_23-2148202911.jpg",
},
{
id: "4",
name: "David L.",
handle: "@dl88",
testimonial: "Quick delivery, great service.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/front-view-male-courier-yellow-uniform-holding-delivery-bowl-along-with-notepad-pink-background_140725-40664.jpg",
},
{
id: "5",
name: "Emma R.",
handle: "@emmar",
testimonial: "Definitely a repeat buyer.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-young-woman-smiling_23-2148454539.jpg",
},
]} ]}
showRating={true} showRating={true}
title="Happy Snacking" title="Customer Reviews"
description="What our customers are saying about our treats." description="What our community says about their favorite treats."
/> />
</div> </div>
@@ -286,23 +109,11 @@ export default function LandingPage() {
<FaqSplitText <FaqSplitText
useInvertedBackground={true} useInvertedBackground={true}
faqs={[ faqs={[
{ { id: "f1", title: "Are there any allergens?", content: "Our kitchen handles nuts, dairy, and gluten. Detailed info is on every label." },
id: "f1", { id: "f2", title: "Can I customize orders?", content: "Yes, for bulk or party orders, contact our support team directly." },
title: "Do you offer gluten-free?", { id: "f3", title: "What if my order is damaged?", content: "We replace any damaged products free of charge within 48 hours of delivery." }
content: "Yes, we have a selection of gluten-free options.",
},
{
id: "f2",
title: "How long do they stay fresh?",
content: "Our products stay fresh for up to 3 weeks.",
},
{
id: "f3",
title: "Do you ship internationally?",
content: "We currently ship within the domestic region only.",
},
]} ]}
sideTitle="Questions?" sideTitle="Shop FAQ"
faqsAnimation="slide-up" faqsAnimation="slide-up"
/> />
</div> </div>
@@ -310,18 +121,13 @@ export default function LandingPage() {
<div id="contact" data-section="contact"> <div id="contact" data-section="contact">
<ContactText <ContactText
useInvertedBackground={false} useInvertedBackground={false}
background={{ background={{ variant: "rotated-rays-animated" }}
variant: "rotated-rays-animated", text="Need help with an order? Email us at hello@crispandcrumb.com or call (555) 123-4567."
}}
text="Have a specific request or bulk order? Get in touch with us today."
/> />
</div> </div>
<div id="footer" data-section="footer"> <div id="footer" data-section="footer">
<FooterCard <FooterCard logoText="Crisp & Crumb" copyrightText="© 2025 Crisp & Crumb. All rights reserved." />
logoText="Crisp & Crumb"
copyrightText="© 2025 Crisp & Crumb. All rights reserved."
/>
</div> </div>
</ReactLenis> </ReactLenis>
</ThemeProvider> </ThemeProvider>