Merge version_1 into main #2
225
src/app/page.tsx
225
src/app/page.tsx
@@ -33,21 +33,13 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Menu",
|
||||
id: "#products",
|
||||
},
|
||||
name: "Menu", id: "products"},
|
||||
{
|
||||
name: "Our Story",
|
||||
id: "#features",
|
||||
},
|
||||
name: "Our Story", id: "features"},
|
||||
{
|
||||
name: "Team",
|
||||
id: "#team",
|
||||
},
|
||||
name: "Team", id: "team"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Insoul"
|
||||
/>
|
||||
@@ -56,62 +48,39 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCentered
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
title="Artisanal Donuts, Crafted with Soul."
|
||||
description="Welcome to Insoul, where we combine traditional baking with bold, modern flavors to create the perfect donut experience."
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-male-chef-kitchen_23-2149646279.jpg",
|
||||
alt: "Staff 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-male-chef-kitchen_23-2149646279.jpg", alt: "Staff 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/plus-size-model-studio-shoot-happy-smiling-eats-donut_633478-2030.jpg",
|
||||
alt: "Staff 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/plus-size-model-studio-shoot-happy-smiling-eats-donut_633478-2030.jpg", alt: "Staff 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-young-female-barista-making-cappuccino-pouring-steamed-milk-latte-art-into-cup-give_1258-197419.jpg",
|
||||
alt: "Staff 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-young-female-barista-making-cappuccino-pouring-steamed-milk-latte-art-into-cup-give_1258-197419.jpg", alt: "Staff 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/vertical-portrait-professional-baker-posing-his-bakery-shopping-selling-buying-food-pastry-delicious-healthy-natural-organic-traditional-recipe-concept_7502-5547.jpg",
|
||||
alt: "Baker 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/vertical-portrait-professional-baker-posing-his-bakery-shopping-selling-buying-food-pastry-delicious-healthy-natural-organic-traditional-recipe-concept_7502-5547.jpg", alt: "Baker 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/elderly-man-rolling-dough-home-infront-video-camera-explaining-recipe-step-by-step-retired-blogger-chef-influencer-using-internet-technology-communicating-social-media-with-digital-equipment_482257-14377.jpg",
|
||||
alt: "Baker 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/elderly-man-rolling-dough-home-infront-video-camera-explaining-recipe-step-by-step-retired-blogger-chef-influencer-using-internet-technology-communicating-social-media-with-digital-equipment_482257-14377.jpg", alt: "Baker 5"},
|
||||
]}
|
||||
avatarText="Join our growing community of donut lovers"
|
||||
buttons={[
|
||||
{
|
||||
text: "See Menu",
|
||||
href: "#products",
|
||||
},
|
||||
text: "See Menu", href: "#products"},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Freshly Baked Daily",
|
||||
type: "text", text: "Freshly Baked Daily"},
|
||||
{
|
||||
type: "text-icon", text: "Locally Sourced Ingredients", icon: Leaf,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Locally Sourced Ingredients",
|
||||
icon: Leaf,
|
||||
type: "text", text: "Hand-crafted Perfection"},
|
||||
{
|
||||
type: "text-icon", text: "Award-Winning Flavors", icon: Award,
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Hand-crafted Perfection",
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Award-Winning Flavors",
|
||||
icon: Award,
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Open 7 Days a Week",
|
||||
},
|
||||
type: "text", text: "Open 7 Days a Week"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -123,40 +92,22 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Farm Fresh Ingredients",
|
||||
description: "We source local milk, flour, and fruits for the most authentic flavor profiles.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/christmas-macarons-pastry-shop-window-closeup_169016-55037.jpg",
|
||||
},
|
||||
title: "Farm Fresh Ingredients", description: "We source local milk, flour, and fruits for the most authentic flavor profiles.", phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/christmas-macarons-pastry-shop-window-closeup_169016-55037.jpg"},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-doughnuts-with-sprinkles-wooden-surface_23-2148526340.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sweet-dessert-with-many-donut_74190-7205.jpg",
|
||||
imageAlt: "handcrafted donuts ingredients close up",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-doughnuts-with-sprinkles-wooden-surface_23-2148526340.jpg"},
|
||||
},
|
||||
{
|
||||
title: "Small Batch Process",
|
||||
description: "Every single batch is handmade by our expert bakers daily to ensure perfection.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/homemade-pastry-coffee-top-view_23-2148516604.jpg",
|
||||
},
|
||||
title: "Small Batch Process", description: "Every single batch is handmade by our expert bakers daily to ensure perfection.", phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/homemade-pastry-coffee-top-view_23-2148516604.jpg"},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-female-cook-rolling-out-dough-with-flour-dark-surface_179666-44585.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/some-donuts-with-various-topping_140725-6470.jpg?_wi=1",
|
||||
imageAlt: "handcrafted donuts ingredients close up",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-female-cook-rolling-out-dough-with-flour-dark-surface_179666-44585.jpg"},
|
||||
},
|
||||
{
|
||||
title: "Bold New Flavors",
|
||||
description: "From classic glazes to innovative seasonal surprises, find your new favorite.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-bakery-products-with-brown-sugar-cubes_23-2148695514.jpg",
|
||||
},
|
||||
title: "Bold New Flavors", description: "From classic glazes to innovative seasonal surprises, find your new favorite.", phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-bakery-products-with-brown-sugar-cubes_23-2148695514.jpg"},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/decoration-with-hot-chocolate-mug-biscuits_23-2148350193.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pretty-satisfied-blonde-woman-holds-sweet-delicious-candy_273609-46164.jpg?_wi=1",
|
||||
imageAlt: "handcrafted donuts ingredients close up",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/decoration-with-hot-chocolate-mug-biscuits_23-2148350193.jpg"},
|
||||
},
|
||||
]}
|
||||
showStepNumbers={true}
|
||||
@@ -173,41 +124,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Midnight Chocolate",
|
||||
price: "$3.50",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/some-donuts-with-various-topping_140725-6470.jpg?_wi=2",
|
||||
},
|
||||
id: "p1", name: "Midnight Chocolate", price: "$3.50", imageSrc: "http://img.b2bpic.net/free-photo/some-donuts-with-various-topping_140725-6470.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Strawberry Cream",
|
||||
price: "$3.75",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pretty-satisfied-blonde-woman-holds-sweet-delicious-candy_273609-46164.jpg?_wi=2",
|
||||
},
|
||||
id: "p2", name: "Strawberry Cream", price: "$3.75", imageSrc: "http://img.b2bpic.net/free-photo/pretty-satisfied-blonde-woman-holds-sweet-delicious-candy_273609-46164.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Classic Glazed",
|
||||
price: "$2.50",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/homemade-doughnuts-food-photography-recipe-idea_53876-97.jpg",
|
||||
},
|
||||
id: "p3", name: "Classic Glazed", price: "$2.50", imageSrc: "http://img.b2bpic.net/free-photo/homemade-doughnuts-food-photography-recipe-idea_53876-97.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Cinnamon Sugar",
|
||||
price: "$2.75",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/iced-sweet-frosted-junk-snack_1339-75.jpg",
|
||||
},
|
||||
id: "p4", name: "Cinnamon Sugar", price: "$2.75", imageSrc: "http://img.b2bpic.net/free-photo/iced-sweet-frosted-junk-snack_1339-75.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Jelly Delight",
|
||||
price: "$3.25",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-homemade-red-currant-glaze-donuts_114579-9933.jpg",
|
||||
},
|
||||
id: "p5", name: "Jelly Delight", price: "$3.25", imageSrc: "http://img.b2bpic.net/free-photo/delicious-homemade-red-currant-glaze-donuts_114579-9933.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Vanilla Dream",
|
||||
price: "$3.50",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-little-delicious-cakes-with-cream-along-with-different-berries-bright-background-cake-biscuit-berry-bake_140725-30685.jpg",
|
||||
},
|
||||
id: "p6", name: "Vanilla Dream", price: "$3.50", imageSrc: "http://img.b2bpic.net/free-photo/top-view-little-delicious-cakes-with-cream-along-with-different-berries-bright-background-cake-biscuit-berry-bake_140725-30685.jpg"},
|
||||
]}
|
||||
title="Our Donut Menu"
|
||||
description="Dive into our selection of freshly baked, artisanal delights."
|
||||
@@ -222,20 +149,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "15k+",
|
||||
description: "Donuts served per month",
|
||||
},
|
||||
id: "m1", value: "15k+", description: "Donuts served per month"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "20",
|
||||
description: "Unique flavor recipes",
|
||||
},
|
||||
id: "m2", value: "20", description: "Unique flavor recipes"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "5",
|
||||
description: "Café locations citywide",
|
||||
},
|
||||
id: "m3", value: "5", description: "Café locations citywide"},
|
||||
]}
|
||||
title="Insoul by the Numbers"
|
||||
description="Crafting smiles one donut at a time."
|
||||
@@ -250,23 +168,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
members={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Elena Rodriguez",
|
||||
role: "Head Baker",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-baker-holding-mould-stack-tray_1170-2040.jpg",
|
||||
},
|
||||
id: "t1", name: "Elena Rodriguez", role: "Head Baker", imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-baker-holding-mould-stack-tray_1170-2040.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Marcus Chen",
|
||||
role: "Pastry Chef",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/person-black-blazer-holding-brown-white-ceramic-mug_414077-20.jpg",
|
||||
},
|
||||
id: "t2", name: "Marcus Chen", role: "Pastry Chef", imageSrc: "http://img.b2bpic.net/free-photo/person-black-blazer-holding-brown-white-ceramic-mug_414077-20.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Sarah Miller",
|
||||
role: "Barista",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-kneading-dough-wooden-table-male-baker-holding-baked-bread-shelves_23-2148189072.jpg",
|
||||
},
|
||||
id: "t3", name: "Sarah Miller", role: "Barista", imageSrc: "http://img.b2bpic.net/free-photo/female-kneading-dough-wooden-table-male-baker-holding-baked-bread-shelves_23-2148189072.jpg"},
|
||||
]}
|
||||
title="Meet the Bakers"
|
||||
description="Passionate individuals dedicated to the art of the perfect donut."
|
||||
@@ -280,40 +186,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Jane D.",
|
||||
role: "Food Blogger",
|
||||
testimonial: "The best donuts in the city, hands down!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-smiling-hipster-girl-trendy-summer-clothes-carefree-woman-sitting-veranda-terrace-cafe-drinking-coffee-positive-model-having-fun-dreams_158538-15944.jpg",
|
||||
},
|
||||
id: "1", name: "Jane D.", role: "Food Blogger", testimonial: "The best donuts in the city, hands down!", imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-smiling-hipster-girl-trendy-summer-clothes-carefree-woman-sitting-veranda-terrace-cafe-drinking-coffee-positive-model-having-fun-dreams_158538-15944.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Mike S.",
|
||||
role: "Local",
|
||||
testimonial: "My morning ritual involves an Insoul donut. Pure magic.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiley-colleagues-work-break-time_23-2149308456.jpg",
|
||||
},
|
||||
id: "2", name: "Mike S.", role: "Local", testimonial: "My morning ritual involves an Insoul donut. Pure magic.", imageSrc: "http://img.b2bpic.net/free-photo/smiley-colleagues-work-break-time_23-2149308456.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily R.",
|
||||
role: "Student",
|
||||
testimonial: "Innovative flavors, friendly staff, great vibe.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-sales-person-jewelry-store_1303-30652.jpg",
|
||||
},
|
||||
id: "3", name: "Emily R.", role: "Student", testimonial: "Innovative flavors, friendly staff, great vibe.", imageSrc: "http://img.b2bpic.net/free-photo/female-sales-person-jewelry-store_1303-30652.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "David K.",
|
||||
role: "Business Owner",
|
||||
testimonial: "The strawberry glaze is to die for.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cool-breakfast-composition_23-2147658656.jpg",
|
||||
},
|
||||
id: "4", name: "David K.", role: "Business Owner", testimonial: "The strawberry glaze is to die for.", imageSrc: "http://img.b2bpic.net/free-photo/cool-breakfast-composition_23-2147658656.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Lisa B.",
|
||||
role: "Customer",
|
||||
testimonial: "Always fresh and delicious every visit.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-model-holding-donaught-cup_651396-236.jpg",
|
||||
},
|
||||
id: "5", name: "Lisa B.", role: "Customer", testimonial: "Always fresh and delicious every visit.", imageSrc: "http://img.b2bpic.net/free-photo/young-model-holding-donaught-cup_651396-236.jpg"},
|
||||
]}
|
||||
title="Loved by Locals"
|
||||
description="Hear what our amazing customers have to say."
|
||||
@@ -325,20 +206,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Do you offer vegan donuts?",
|
||||
content: "Yes! We have a revolving selection of plant-based artisanal donuts.",
|
||||
},
|
||||
id: "f1", title: "Do you offer vegan donuts?", content: "Yes! We have a revolving selection of plant-based artisanal donuts."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Where can I find your cafes?",
|
||||
content: "We have 5 locations across the metro area. Check our social pages for addresses.",
|
||||
},
|
||||
id: "f2", title: "Where can I find your cafes?", content: "We have 5 locations across the metro area. Check our social pages for addresses."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Can I pre-order for events?",
|
||||
content: "Absolutely. Reach out through our contact form for large event catering.",
|
||||
},
|
||||
id: "f3", title: "Can I pre-order for events?", content: "Absolutely. Reach out through our contact form for large event catering."},
|
||||
]}
|
||||
sideTitle="Questions?"
|
||||
sideDescription="Everything you need to know about Insoul."
|
||||
@@ -350,8 +222,7 @@ export default function LandingPage() {
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
tag="Visit Us"
|
||||
title="Stay Connected"
|
||||
description="Sign up for our newsletter to get updates on seasonal flavors and exclusive events."
|
||||
|
||||
Reference in New Issue
Block a user