Merge version_1 into main #2
201
src/app/page.tsx
201
src/app/page.tsx
@@ -32,22 +32,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Cookies",
|
||||
id: "products",
|
||||
},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Products", id: "products" },
|
||||
{ name: "Testimonials", id: "testimonials" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Sweet Delights"
|
||||
/>
|
||||
@@ -58,12 +46,9 @@ export default function LandingPage() {
|
||||
logoText="Sweet Delights"
|
||||
description="Handcrafted, artisanal cookies baked fresh every single day with the finest organic ingredients."
|
||||
buttons={[
|
||||
{
|
||||
text: "Shop Now",
|
||||
href: "#products",
|
||||
},
|
||||
{ text: "Shop Now", href: "#products" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/plate-biscuits-book_114579-6931.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/plate-biscuits-book_114579-6931.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -72,21 +57,9 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
title="Our Passion"
|
||||
metrics={[
|
||||
{
|
||||
icon: Cookie,
|
||||
label: "Flavors",
|
||||
value: "25+",
|
||||
},
|
||||
{
|
||||
icon: Award,
|
||||
label: "Years Baking",
|
||||
value: "10+",
|
||||
},
|
||||
{
|
||||
icon: Smile,
|
||||
label: "Happy Customers",
|
||||
value: "5k+",
|
||||
},
|
||||
{ icon: Cookie, label: "Flavors", value: "25+" },
|
||||
{ icon: Award, label: "Years Baking", value: "10+" },
|
||||
{ icon: Smile, label: "Happy Customers", value: "5k+" },
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -99,42 +72,12 @@ export default function LandingPage() {
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Classic Choco Chunk",
|
||||
price: "$3.50",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-chocolate-chip-cookies-with-cereals-nuts-cocoa-wooden_141793-6341.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Sea Salt Caramel",
|
||||
price: "$4.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-homemade-walnut-jam-cookies_114579-43345.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Oatmeal Raisin",
|
||||
price: "$3.50",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/plate-sweeties-with-cup-milk_114579-6926.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Double Dark Chocolate",
|
||||
price: "$4.50",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-sweet-cookies-with-chocolate_23-2147802417.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Lemon Zest",
|
||||
price: "$4.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-sweet-cakes-with-lemon-slices-white-surface_140725-115490.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Snickerdoodle",
|
||||
price: "$3.50",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pancakes-slate-with-kettle-sieve_23-2148485412.jpg",
|
||||
},
|
||||
{ id: "p1", name: "Classic Choco Chunk", price: "$3.50", imageSrc: "http://img.b2bpic.net/free-photo/top-view-chocolate-chip-cookies-with-cereals-nuts-cocoa-wooden_141793-6341.jpg" },
|
||||
{ id: "p2", name: "Sea Salt Caramel", price: "$4.00", imageSrc: "http://img.b2bpic.net/free-photo/delicious-homemade-walnut-jam-cookies_114579-43345.jpg" },
|
||||
{ id: "p3", name: "Oatmeal Raisin", price: "$3.50", imageSrc: "http://img.b2bpic.net/free-photo/plate-sweeties-with-cup-milk_114579-6926.jpg" },
|
||||
{ id: "p4", name: "Double Dark Chocolate", price: "$4.50", imageSrc: "http://img.b2bpic.net/free-photo/delicious-sweet-cookies-with-chocolate_23-2147802417.jpg" },
|
||||
{ id: "p5", name: "Lemon Zest", price: "$4.00", imageSrc: "http://img.b2bpic.net/free-photo/top-view-sweet-cakes-with-lemon-slices-white-surface_140725-115490.jpg" },
|
||||
{ id: "p6", name: "Snickerdoodle", price: "$3.50", imageSrc: "http://img.b2bpic.net/free-photo/pancakes-slate-with-kettle-sieve_23-2148485412.jpg" },
|
||||
]}
|
||||
title="Our Signature Cookies"
|
||||
description="Indulge in our collection of artisanal cookies, each baked with precision and the highest quality ingredients for that perfect, comforting bite."
|
||||
@@ -148,28 +91,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Organic Ingredients",
|
||||
description: "Sourced from local farms for pure flavor.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Leaf,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cookies-platter-cup-tea-burlap-marble_114579-51197.jpg",
|
||||
imageAlt: "Cookies on a platter next to a cup of tea on a burlap, on the marble.",
|
||||
title: "Organic Ingredients", description: "Sourced from local farms for pure flavor.", bentoComponent: "reveal-icon", icon: Leaf
|
||||
},
|
||||
{
|
||||
title: "Freshly Baked",
|
||||
description: "Baked every morning at 4 AM.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Clock,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/plate-biscuits-book_114579-6931.jpg?_wi=2",
|
||||
imageAlt: "Cookies on a platter next to a cup of tea on a burlap, on the marble.",
|
||||
title: "Freshly Baked", description: "Baked every morning at 4 AM.", bentoComponent: "reveal-icon", icon: Clock
|
||||
},
|
||||
{
|
||||
title: "No Preservatives",
|
||||
description: "Real food, real ingredients, real joy.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: ShieldCheck,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-chocolate-chip-cookies-with-cereals-nuts-cocoa-wooden_141793-6341.jpg?_wi=2",
|
||||
imageAlt: "Cookies on a platter next to a cup of tea on a burlap, on the marble.",
|
||||
title: "No Preservatives", description: "Real food, real ingredients, real joy.", bentoComponent: "reveal-icon", icon: ShieldCheck
|
||||
},
|
||||
]}
|
||||
title="Why We're Different"
|
||||
@@ -182,14 +110,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Food Network",
|
||||
"Bon Appetit",
|
||||
"New York Times",
|
||||
"Eater",
|
||||
"Bakers Weekly",
|
||||
"Dessert Mag",
|
||||
"The Foodie",
|
||||
]}
|
||||
"Food Network", "Bon Appetit", "New York Times", "Eater", "Bakers Weekly", "Dessert Mag", "The Foodie"]}
|
||||
title="Featured In"
|
||||
description="Recognized by industry leaders for our dedication to the craft."
|
||||
/>
|
||||
@@ -201,44 +122,19 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Amazing taste!",
|
||||
quote: "The best chocolate chip cookie I've ever had.",
|
||||
name: "Alice M.",
|
||||
role: "Food Blogger",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-female-baker-giving-wrapped-bread-customer-bakery_23-2148189127.jpg",
|
||||
id: "1", title: "Amazing taste!", quote: "The best chocolate chip cookie I've ever had.", name: "Alice M.", role: "Food Blogger", imageSrc: "http://img.b2bpic.net/free-photo/smiling-female-baker-giving-wrapped-bread-customer-bakery_23-2148189127.jpg"
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Perfect texture.",
|
||||
quote: "Crunchy on the edges, soft in the middle.",
|
||||
name: "Brian K.",
|
||||
role: "Customer",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-holding-burger_23-2148705543.jpg",
|
||||
id: "2", title: "Perfect texture.", quote: "Crunchy on the edges, soft in the middle.", name: "Brian K.", role: "Customer", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-holding-burger_23-2148705543.jpg"
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Love the variety.",
|
||||
quote: "There is a cookie for everyone here.",
|
||||
name: "Sarah P.",
|
||||
role: "Loyal Customer",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-pretty-woman-with-ginger-hair_624325-860.jpg",
|
||||
id: "3", title: "Love the variety.", quote: "There is a cookie for everyone here.", name: "Sarah P.", role: "Loyal Customer", imageSrc: "http://img.b2bpic.net/free-photo/young-pretty-woman-with-ginger-hair_624325-860.jpg"
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
title: "So fresh!",
|
||||
quote: "You can really taste the organic ingredients.",
|
||||
name: "David W.",
|
||||
role: "Fan",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-hispanic-man-standing-with-arms-crossed-gesture-street_839833-1493.jpg",
|
||||
id: "4", title: "So fresh!", quote: "You can really taste the organic ingredients.", name: "David W.", role: "Fan", imageSrc: "http://img.b2bpic.net/free-photo/young-hispanic-man-standing-with-arms-crossed-gesture-street_839833-1493.jpg"
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
title: "Super fast shipping.",
|
||||
quote: "Kept them fresh even after delivery.",
|
||||
name: "Emily T.",
|
||||
role: "Office Manager",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/older-woman-with-thumb-up_1149-1162.jpg",
|
||||
id: "5", title: "Super fast shipping.", quote: "Kept them fresh even after delivery.", name: "Emily T.", role: "Office Manager", imageSrc: "http://img.b2bpic.net/free-photo/older-woman-with-thumb-up_1149-1162.jpg"
|
||||
},
|
||||
]}
|
||||
title="Hear From Our Fans"
|
||||
@@ -250,21 +146,9 @@ export default function LandingPage() {
|
||||
<FaqSplitText
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Do you offer gluten-free?",
|
||||
content: "Yes, we have a delicious, dedicated gluten-free cookie range.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "How long do they stay fresh?",
|
||||
content: "Our cookies are baked fresh daily. Stored in an airtight container, they stay delicious for up to 7 days.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Do you deliver nationwide?",
|
||||
content: "Absolutely! We carefully package our cookies to ensure they reach you fresh anywhere in the US.",
|
||||
},
|
||||
{ id: "f1", title: "Do you offer gluten-free?", content: "Yes, we have a delicious, dedicated gluten-free cookie range." },
|
||||
{ id: "f2", title: "How long do they stay fresh?", content: "Our cookies are baked fresh daily. Stored in an airtight container, they stay delicious for up to 7 days." },
|
||||
{ id: "f3", title: "Do you deliver nationwide?", content: "Absolutely! We carefully package our cookies to ensure they reach you fresh anywhere in the US." },
|
||||
]}
|
||||
sideTitle="Frequently Asked Questions"
|
||||
faqsAnimation="slide-up"
|
||||
@@ -278,21 +162,10 @@ export default function LandingPage() {
|
||||
title="Contact Us"
|
||||
description="Have a custom order, a bulk request, or just want to say hi? Send us a message."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Your Email",
|
||||
},
|
||||
{ name: "name", type: "text", placeholder: "Your Name" },
|
||||
{ name: "email", type: "email", placeholder: "Your Email" },
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Your message or request",
|
||||
}}
|
||||
textarea={{ name: "message", placeholder: "Your message or request" }}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/two-friends-chatting-drinking-wine-mulled-christmas-market_329181-6366.jpg"
|
||||
/>
|
||||
</div>
|
||||
@@ -302,20 +175,12 @@ export default function LandingPage() {
|
||||
logoText="Sweet Delights"
|
||||
copyrightText="© 2025 Sweet Delights. All rights reserved."
|
||||
socialLinks={[
|
||||
{
|
||||
icon: Instagram,
|
||||
href: "#",
|
||||
ariaLabel: "Instagram",
|
||||
},
|
||||
{
|
||||
icon: Facebook,
|
||||
href: "#",
|
||||
ariaLabel: "Facebook",
|
||||
},
|
||||
{ icon: Instagram, href: "#", ariaLabel: "Instagram" },
|
||||
{ icon: Facebook, href: "#", ariaLabel: "Facebook" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user