Merge version_2 into main #1
250
src/app/page.tsx
250
src/app/page.tsx
@@ -11,7 +11,7 @@ import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleAp
|
||||
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
||||
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
|
||||
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() {
|
||||
return (
|
||||
@@ -31,22 +31,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Products",
|
||||
id: "products",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Products", id: "products" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Crisp & Crumb"
|
||||
/>
|
||||
@@ -55,102 +43,20 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitTestimonial
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Crafting Perfection, One Crisp at a Time"
|
||||
description="Artisanal chips and hand-baked biscuits delivered fresh to your door. Experience the ultimate crunch."
|
||||
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: "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",
|
||||
},
|
||||
{ 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: "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" }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/fresh-bruschetta-assortment-copy-space_23-2148517005.jpg"
|
||||
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 id="about" data-section="about">
|
||||
<TextAbout
|
||||
useInvertedBackground={true}
|
||||
title="Our Commitment to Craft"
|
||||
/>
|
||||
<TextAbout useInvertedBackground={true} title="Our Commitment to Craft" />
|
||||
</div>
|
||||
|
||||
<div id="products" data-section="products">
|
||||
@@ -160,42 +66,8 @@ export default function LandingPage() {
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
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: "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",
|
||||
},
|
||||
{ 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: "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" }
|
||||
]}
|
||||
title="Artisanal Selection"
|
||||
description="Discover our signature line of snacks."
|
||||
@@ -208,24 +80,12 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
icon: CheckCircle,
|
||||
title: "Fresh Ingredients",
|
||||
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.",
|
||||
},
|
||||
{ icon: Truck, title: "Express Shipping", description: "Fast, temperature-controlled delivery to maintain freshness." },
|
||||
{ icon: ShieldCheck, title: "Quality Guarantee", description: "We use only premium, locally sourced, natural ingredients." },
|
||||
{ icon: HeartHandshake, title: "Community Sourced", description: "Supporting local farmers and sustainable baking practices." }
|
||||
]}
|
||||
title="Why Choose Us?"
|
||||
description="We prioritize quality and freshness above everything else."
|
||||
title="Shop Benefits"
|
||||
description="Experience the difference with our artisan-first approach."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -235,50 +95,13 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Alice M.",
|
||||
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",
|
||||
},
|
||||
{ id: "1", name: "Sarah J.", handle: "@sarahj", testimonial: "The truffle chips are a game changer! Always delivered perfectly.", rating: 5 },
|
||||
{ id: "2", name: "Mike T.", handle: "@miket", testimonial: "My go-to store for weekend treats. Incredible quality.", rating: 5 },
|
||||
{ id: "3", name: "Elena P.", handle: "@elenap", testimonial: "Fantastic service and even better biscuits.", rating: 5 }
|
||||
]}
|
||||
showRating={true}
|
||||
title="Happy Snacking"
|
||||
description="What our customers are saying about our treats."
|
||||
title="Customer Reviews"
|
||||
description="What our community says about their favorite treats."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -286,23 +109,11 @@ export default function LandingPage() {
|
||||
<FaqSplitText
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Do you offer gluten-free?",
|
||||
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.",
|
||||
},
|
||||
{ id: "f1", title: "Are there any allergens?", content: "Our kitchen handles nuts, dairy, and gluten. Detailed info is on every label." },
|
||||
{ id: "f2", title: "Can I customize orders?", content: "Yes, for bulk or party orders, contact our support team directly." },
|
||||
{ id: "f3", title: "What if my order is damaged?", content: "We replace any damaged products free of charge within 48 hours of delivery." }
|
||||
]}
|
||||
sideTitle="Questions?"
|
||||
sideTitle="Shop FAQ"
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
@@ -310,18 +121,13 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "rotated-rays-animated",
|
||||
}}
|
||||
text="Have a specific request or bulk order? Get in touch with us today."
|
||||
background={{ variant: "rotated-rays-animated" }}
|
||||
text="Need help with an order? Email us at hello@crispandcrumb.com or call (555) 123-4567."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterCard
|
||||
logoText="Crisp & Crumb"
|
||||
copyrightText="© 2025 Crisp & Crumb. All rights reserved."
|
||||
/>
|
||||
<FooterCard logoText="Crisp & Crumb" copyrightText="© 2025 Crisp & Crumb. All rights reserved." />
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
|
||||
Reference in New Issue
Block a user