bender/0d8e7481-aa3c-42f4-b6f3-d3bb1840a951
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-17 14:37:44 +00:00
parent ca7159849d
commit 48a37179bf
1 changed files with 60 additions and 335 deletions
Download Patch File Download Diff File Expand all files Collapse all files

395
src/app/page.tsx
View File

@@ -32,22 +32,15 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarStyleApple
navItems={[
{
name: "Menu",
id: "menu",
},
{
name: "Build",
id: "build",
},
{
name: "Gallery",
id: "gallery",
},
{
name: "Contact",
id: "contact",
},
{ name: "Hero", id: "hero" },
{ name: "About", id: "about" },
{ name: "Features", id: "features" },
{ name: "Menu", id: "menu" },
{ name: "Build", id: "build" },
{ name: "Testimonials", id: "testimonials" },
{ name: "Gallery", id: "gallery" },
{ name: "FAQ", id: "faq" },
{ name: "Contact", id: "contact" }
]}
brandName="WaffleMagic"
/>
@@ -56,96 +49,31 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroBillboardTestimonial
useInvertedBackground={false}
background="glowing-orb"
background={{ variant: "glowing-orb" }}
title="Freshly Made Happiness"
description="Indulge in our artisan waffles crafted with passion, premium ingredients, and 3D-modeled perfection."
testimonials={[
{
name: "Alex J.",
handle: "@alexj",
testimonial: "The best waffle I've ever had, so crunchy and sweet!",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-pin-up-woman-holding-cake-hands_176420-3310.jpg",
},
{
name: "Sam K.",
handle: "@samk",
testimonial: "Absolutely addictive, coming back every weekend.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/hungry-young-woman-sitting-kitchen-home_171337-4136.jpg",
},
{
name: "Jordan P.",
handle: "@jordanp",
testimonial: "Gen Z friendly vibe and incredible flavor profiles.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/closeup-portrait-smiling-attractive-business-lady_1262-2978.jpg",
},
{
name: "Taylor B.",
handle: "@taylorb",
testimonial: "The build-your-own section is a total game changer.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-woman-rejoicing-pink-wall_179666-2859.jpg",
},
{
name: "Morgan D.",
handle: "@morgand",
testimonial: "Premium quality, looks and tastes like art.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-sitting_23-2149213193.jpg",
},
]}
buttons={[
{
text: "Order Now",
href: "#menu",
},
{ name: "Alex J.", handle: "@alexj", testimonial: "The best waffle I've ever had, so crunchy and sweet!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-pin-up-woman-holding-cake-hands_176420-3310.jpg" },
{ name: "Sam K.", handle: "@samk", testimonial: "Absolutely addictive, coming back every weekend.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/hungry-young-woman-sitting-kitchen-home_171337-4136.jpg" },
{ name: "Jordan P.", handle: "@jordanp", testimonial: "Gen Z friendly vibe and incredible flavor profiles.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/closeup-portrait-smiling-attractive-business-lady_1262-2978.jpg" },
{ name: "Taylor B.", handle: "@taylorb", testimonial: "The build-your-own section is a total game changer.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-woman-rejoicing-pink-wall_179666-2859.jpg" },
{ name: "Morgan D.", handle: "@morgand", testimonial: "Premium quality, looks and tastes like art.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-sitting_23-2149213193.jpg" }
]}
buttons={[{ text: "Order Now", href: "#menu" }]}
imageSrc="http://img.b2bpic.net/free-photo/delicious-3d-pancakes-still-life_23-2151105051.jpg"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/delicious-3d-pancakes-still-life_23-2151105051.jpg",
alt: "Customer",
},
{
src: "http://img.b2bpic.net/free-photo/healthy-belgian-waffles-fig-honey-honey-dipper-served-plate-against-marble-floor_23-2147956835.jpg",
alt: "Customer",
},
{
src: "http://img.b2bpic.net/free-photo/square-belgian-waffles-with-loquat-fruits-honey_114579-10064.jpg",
alt: "Customer",
},
{
src: "http://img.b2bpic.net/free-photo/delicious-breakfast-with-waffles-fruits_176474-28222.jpg",
alt: "Customer",
},
{
src: "http://img.b2bpic.net/free-photo/crepes-food-homemade-fruit-pancake_1203-6167.jpg",
alt: "Customer",
},
{ src: "http://img.b2bpic.net/free-photo/delicious-3d-pancakes-still-life_23-2151105051.jpg", alt: "Customer" },
{ src: "http://img.b2bpic.net/free-photo/healthy-belgian-waffles-fig-honey-honey-dipper-served-plate-against-marble-floor_23-2147956835.jpg", alt: "Customer" },
{ src: "http://img.b2bpic.net/free-photo/square-belgian-waffles-with-loquat-fruits-honey_114579-10064.jpg", alt: "Customer" },
{ src: "http://img.b2bpic.net/free-photo/delicious-breakfast-with-waffles-fruits_176474-28222.jpg", alt: "Customer" },
{ src: "http://img.b2bpic.net/free-photo/crepes-food-homemade-fruit-pancake_1203-6167.jpg", alt: "Customer" }
]}
marqueeItems={[
{
type: "text",
text: "Freshly Baked Daily",
},
{
type: "text",
text: "Artisan Ingredients",
},
{
type: "text",
text: "3D Sculpted Shapes",
},
{
type: "text",
text: "Premium Toppings",
},
{
type: "text",
text: "100% Organic Batter",
},
{ type: "text", text: "Freshly Baked Daily" },
{ type: "text", text: "Artisan Ingredients" },
{ type: "text", text: "3D Sculpted Shapes" },
{ type: "text", text: "Premium Toppings" },
{ type: "text", text: "100% Organic Batter" }
]}
/>
</div>
@@ -154,11 +82,7 @@ export default function LandingPage() {
<TextAbout
useInvertedBackground={true}
title="Beyond Just Waffles: An Experience"
buttons={[
{
text: "Learn More",
},
]}
buttons={[{ text: "Learn More" }]}
/>
</div>
@@ -168,36 +92,9 @@ export default function LandingPage() {
textboxLayout="split"
useInvertedBackground={false}
features={[
{
id: "1",
label: "01",
title: "Artisan Batter",
items: [
"Premium flour",
"Organic eggs",
"Slow fermentation",
],
},
{
id: "2",
label: "02",
title: "3D Perfection",
items: [
"Precision heat",
"Perfect patterns",
"Ideal crispness",
],
},
{
id: "3",
label: "03",
title: "Premium Toppings",
items: [
"Belgian chocolate",
"Fresh fruit",
"House sauces",
],
},
{ id: "1", label: "01", title: "Artisan Batter", items: ["Premium flour", "Organic eggs", "Slow fermentation"] },
{ id: "2", label: "02", title: "3D Perfection", items: ["Precision heat", "Perfect patterns", "Ideal crispness"] },
{ id: "3", label: "03", title: "Premium Toppings", items: ["Belgian chocolate", "Fresh fruit", "House sauces"] }
]}
title="Why You'll Crave Us"
description="Our unique process ensures a perfect crunch and melt-in-your-mouth experience."
@@ -208,44 +105,15 @@ export default function LandingPage() {
<ProductCardOne
textboxLayout="default"
gridVariant="three-columns-all-equal-width"
animationType="slide-up"
useInvertedBackground={true}
products={[
{
id: "1",
name: "Classic Belgian",
price: "$8",
imageSrc: "http://img.b2bpic.net/free-photo/square-belgian-waffles-with-loquat-fruits-honey_114579-10064.jpg",
},
{
id: "2",
name: "Midnight Choc",
price: "$10",
imageSrc: "http://img.b2bpic.net/free-photo/delicious-breakfast-with-waffles-fruits_176474-28222.jpg",
},
{
id: "3",
name: "Berry Bliss",
price: "$12",
imageSrc: "http://img.b2bpic.net/free-photo/crepes-food-homemade-fruit-pancake_1203-6167.jpg",
},
{
id: "4",
name: "Caramel Dream",
price: "$11",
imageSrc: "http://img.b2bpic.net/free-photo/top-view-waffles-plate-with-honey-banana-slices_23-2148422727.jpg",
},
{
id: "5",
name: "Matcha Zen",
price: "$10",
imageSrc: "http://img.b2bpic.net/free-photo/breakfast-with-pancakes-strawberries_23-2148169155.jpg",
},
{
id: "6",
name: "Party Sprinkle",
price: "$9",
imageSrc: "http://img.b2bpic.net/free-photo/butter-waffle-with-honey-strawberry_1339-4774.jpg",
},
{ id: "1", name: "Classic Belgian", price: "$8", imageSrc: "http://img.b2bpic.net/free-photo/square-belgian-waffles-with-loquat-fruits-honey_114579-10064.jpg" },
{ id: "2", name: "Midnight Choc", price: "$10", imageSrc: "http://img.b2bpic.net/free-photo/delicious-breakfast-with-waffles-fruits_176474-28222.jpg" },
{ id: "3", name: "Berry Bliss", price: "$12", imageSrc: "http://img.b2bpic.net/free-photo/crepes-food-homemade-fruit-pancake_1203-6167.jpg" },
{ id: "4", name: "Caramel Dream", price: "$11", imageSrc: "http://img.b2bpic.net/free-photo/top-view-waffles-plate-with-honey-banana-slices_23-2148422727.jpg" },
{ id: "5", name: "Matcha Zen", price: "$10", imageSrc: "http://img.b2bpic.net/free-photo/breakfast-with-pancakes-strawberries_23-2148169155.jpg" },
{ id: "6", name: "Party Sprinkle", price: "$9", imageSrc: "http://img.b2bpic.net/free-photo/butter-waffle-with-honey-strawberry_1339-4774.jpg" }
]}
title="Waffle Flavors"
description="Choose your masterpiece from our curated list."
@@ -258,39 +126,9 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
plans={[
{
id: "b1",
badge: "Custom",
price: "From $5",
subtitle: "Pick your base",
features: [
"Original batter",
"Choc batter",
"Vegan option",
],
},
{
id: "b2",
badge: "Popular",
price: "Add $3",
subtitle: "Add your fruits",
features: [
"Fresh strawberries",
"Blueberries",
"Banana slices",
],
},
{
id: "b3",
badge: "Elite",
price: "Add $2",
subtitle: "Drizzles & Dusts",
features: [
"Hot caramel",
"Nutella",
"Whipped cream",
],
},
{ id: "b1", badge: "Custom", price: "From $5", subtitle: "Pick your base", features: ["Original batter", "Choc batter", "Vegan option"] },
{ id: "b2", badge: "Popular", price: "Add $3", subtitle: "Add your fruits", features: ["Fresh strawberries", "Blueberries", "Banana slices"] },
{ id: "b3", badge: "Elite", price: "Add $2", subtitle: "Drizzles & Dusts", features: ["Hot caramel", "Nutella", "Whipped cream"] }
]}
title="Build Your Own"
description="Customize your waffle experience from base to drizzle."
@@ -303,30 +141,15 @@ export default function LandingPage() {
testimonial="The interactive customizer is so smooth, it's addictive just to build the waffle!"
rating={5}
author="Jamie S."
avatars={[
{
src: "http://img.b2bpic.net/free-photo/lovely-woman-licks-lips-with-tongue-holds-two-donuts-has-good-appetite-enjoys-sugary-products-anticipates-pleasant-taste-has-happy-expression_273609-38531.jpg",
alt: "Customer",
},
{
src: "http://img.b2bpic.net/free-photo/close-up-shot-positive-curly-haired-woman-covers-eyes-with-heart-shaped-homemade-waffles-foolishes-around-dressed-casual-t-shirt-isolated-pink-background-sweet-food-calories_273609-61704.jpg",
alt: "Customer",
},
{
src: "http://img.b2bpic.net/free-photo/close-up-beautiful-confident-young-businesswoman_23-2147943798.jpg",
alt: "Customer",
},
{
src: "http://img.b2bpic.net/free-photo/close-up-romantic-breakfast-bed-arrangement_23-2150956548.jpg",
alt: "Customer",
},
{
src: "http://img.b2bpic.net/free-photo/beautiful-young-girl_1157-4453.jpg",
alt: "Customer",
},
]}
ratingAnimation="blur-reveal"
avatarsAnimation="slide-up"
avatars={[
{ src: "http://img.b2bpic.net/free-photo/lovely-woman-licks-lips-with-tongue-holds-two-donuts-has-good-appetite-enjoys-sugary-products-anticipates-pleasant-taste-has-happy-expression_273609-38531.jpg", alt: "Customer" },
{ src: "http://img.b2bpic.net/free-photo/close-up-shot-positive-curly-haired-woman-covers-eyes-with-heart-shaped-homemade-waffles-foolishes-around-dressed-casual-t-shirt-isolated-pink-background-sweet-food-calories_273609-61704.jpg", alt: "Customer" },
{ src: "http://img.b2bpic.net/free-photo/close-up-beautiful-confident-young-businesswoman_23-2147943798.jpg", alt: "Customer" },
{ src: "http://img.b2bpic.net/free-photo/close-up-romantic-breakfast-bed-arrangement_23-2150956548.jpg", alt: "Customer" },
{ src: "http://img.b2bpic.net/free-photo/beautiful-young-girl_1157-4453.jpg", alt: "Customer" }
]}
/>
</div>
@@ -338,66 +161,12 @@ export default function LandingPage() {
title="Instagram Gallery"
description="Follow us for daily cravings."
blogs={[
{
id: "1",
category: "Macro",
title: "Drip Drop",
excerpt: "Pure bliss in every drop.",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-honey-pouring-spoon_23-2148371876.jpg",
authorName: "Admin",
authorAvatar: "http://img.b2bpic.net/free-photo/sensual-woman-having-breakfast_23-2147667250.jpg",
date: "Oct 1",
},
{
id: "2",
category: "Fruit",
title: "Freshness",
excerpt: "Floating berries of joy.",
imageSrc: "http://img.b2bpic.net/free-photo/top-view-strawberries_23-2148130601.jpg",
authorName: "Admin",
authorAvatar: "http://img.b2bpic.net/free-photo/happy-woman-showing-thumbs-up-posing-camera-park_1262-20571.jpg",
date: "Oct 2",
},
{
id: "3",
category: "Studio",
title: "Artisan",
excerpt: "Plated perfection.",
imageSrc: "http://img.b2bpic.net/free-photo/top-view-plates-with-waffles-fruits_23-2148297927.jpg",
authorName: "Admin",
authorAvatar: "http://img.b2bpic.net/free-photo/high-angle-mug-cookies-tray_23-2148791069.jpg",
date: "Oct 3",
},
{
id: "4",
category: "Texture",
title: "Crunch",
excerpt: "Golden crust perfection.",
imageSrc: "http://img.b2bpic.net/free-photo/yellow-marble-tile-wall-textures-background_74190-3907.jpg",
authorName: "Admin",
authorAvatar: "http://img.b2bpic.net/free-photo/portrait-happy-pleased-africanamerican-girl-wearing-white-tshirt-showing-okay-signs-praise_1258-179342.jpg",
date: "Oct 4",
},
{
id: "5",
category: "Light",
title: "Glow",
excerpt: "Waffle shop light.",
imageSrc: "http://img.b2bpic.net/free-photo/tasty-macaroons-display-case_23-2147787073.jpg",
authorName: "Admin",
authorAvatar: "http://img.b2bpic.net/free-photo/beautiful-young-girl_1157-4453.jpg",
date: "Oct 5",
},
{
id: "6",
category: "Sweet",
title: "Choc",
excerpt: "Melting magic.",
imageSrc: "http://img.b2bpic.net/free-photo/top-view-belgian-waffle-with-almonds_23-2148468089.jpg",
authorName: "Admin",
authorAvatar: "http://img.b2bpic.net/free-photo/surprised-curly-woman-wears-bathhat-casual-t-shirt-bites-waffle-applies-beauty-mask-face-skin-treatment-looks-wondered-isolated-grey-background-sweet-food-wellness-concept_273609-61830.jpg",
date: "Oct 6",
},
{ id: "1", category: "Macro", title: "Drip Drop", excerpt: "Pure bliss in every drop.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-honey-pouring-spoon_23-2148371876.jpg", authorName: "Admin", authorAvatar: "http://img.b2bpic.net/free-photo/sensual-woman-having-breakfast_23-2147667250.jpg", date: "Oct 1" },
{ id: "2", category: "Fruit", title: "Freshness", excerpt: "Floating berries of joy.", imageSrc: "http://img.b2bpic.net/free-photo/top-view-strawberries_23-2148130601.jpg", authorName: "Admin", authorAvatar: "http://img.b2bpic.net/free-photo/happy-woman-showing-thumbs-up-posing-camera-park_1262-20571.jpg", date: "Oct 2" },
{ id: "3", category: "Studio", title: "Artisan", excerpt: "Plated perfection.", imageSrc: "http://img.b2bpic.net/free-photo/top-view-plates-with-waffles-fruits_23-2148297927.jpg", authorName: "Admin", authorAvatar: "http://img.b2bpic.net/free-photo/high-angle-mug-cookies-tray_23-2148791069.jpg", date: "Oct 3" },
{ id: "4", category: "Texture", title: "Crunch", excerpt: "Golden crust perfection.", imageSrc: "http://img.b2bpic.net/free-photo/yellow-marble-tile-wall-textures-background_74190-3907.jpg", authorName: "Admin", authorAvatar: "http://img.b2bpic.net/free-photo/portrait-happy-pleased-africanamerican-girl-wearing-white-tshirt-showing-okay-signs-praise_1258-179342.jpg", date: "Oct 4" },
{ id: "5", category: "Light", title: "Glow", excerpt: "Waffle shop light.", imageSrc: "http://img.b2bpic.net/free-photo/tasty-macaroons-display-case_23-2147787073.jpg", authorName: "Admin", authorAvatar: "http://img.b2bpic.net/free-photo/beautiful-young-girl_1157-4453.jpg", date: "Oct 5" },
{ id: "6", category: "Sweet", title: "Choc", excerpt: "Melting magic.", imageSrc: "http://img.b2bpic.net/free-photo/top-view-belgian-waffle-with-almonds_23-2148468089.jpg", authorName: "Admin", authorAvatar: "http://img.b2bpic.net/free-photo/surprised-curly-woman-wears-bathhat-casual-t-shirt-bites-waffle-applies-beauty-mask-face-skin-treatment-looks-wondered-isolated-grey-background-sweet-food-wellness-concept_273609-61830.jpg", date: "Oct 6" }
]}
/>
</div>
@@ -406,21 +175,9 @@ export default function LandingPage() {
<FaqSplitText
useInvertedBackground={true}
faqs={[
{
id: "f1",
title: "Are you open now?",
content: "Yes, we are open until 10 PM daily!",
},
{
id: "f2",
title: "Do you have vegan options?",
content: "Absolutely, our vegan batter is a customer favorite.",
},
{
id: "f3",
title: "Can I order online?",
content: "Yes, click the order now button in the hero!",
},
{ id: "f1", title: "Are you open now?", content: "Yes, we are open until 10 PM daily!" },
{ id: "f2", title: "Do you have vegan options?", content: "Absolutely, our vegan batter is a customer favorite." },
{ id: "f3", title: "Can I order online?", content: "Yes, click the order now button in the hero!" }
]}
sideTitle="Waffle Questions"
faqsAnimation="blur-reveal"
@@ -433,16 +190,8 @@ export default function LandingPage() {
title="Visit Us"
description="Find our flagship store and come say hi."
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" }
]}
imageSrc="http://img.b2bpic.net/free-photo/empty-wood-chair_1339-6717.jpg"
/>
@@ -452,32 +201,8 @@ export default function LandingPage() {
<FooterBaseCard
logoText="WaffleMagic"
columns={[
{
title: "Shop",
items: [
{
label: "Menu",
href: "#menu",
},
{
label: "Build",
href: "#build",
},
],
},
{
title: "Company",
items: [
{
label: "About",
href: "#about",
},
{
label: "Contact",
href: "#contact",
},
],
},
{ title: "Shop", items: [{ label: "Menu", href: "#menu" }, { label: "Build", href: "#build" }] },
{ title: "Company", items: [{ label: "About", href: "#about" }, { label: "Contact", href: "#contact" }] }
]}
/>
</div>