Merge version_1 into main #2
307
src/app/page.tsx
307
src/app/page.tsx
@@ -32,22 +32,14 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "menu",
|
||||
},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Features", id: "features" },
|
||||
{ name: "Menu", id: "menu" },
|
||||
{ name: "Metrics", id: "metrics" },
|
||||
{ name: "Reviews", id: "testimonials" },
|
||||
{ name: "FAQ", id: "faq" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Sweet Spot"
|
||||
/>
|
||||
@@ -58,40 +50,16 @@ export default function LandingPage() {
|
||||
logoText="Sweet Spot"
|
||||
description="Authentic, fresh, and not too sweet. The late-night hangout you've been waiting for."
|
||||
buttons={[
|
||||
{
|
||||
text: "Order Pickup",
|
||||
href: "#menu",
|
||||
},
|
||||
{
|
||||
text: "Delivery",
|
||||
href: "#contact",
|
||||
},
|
||||
{ text: "Order Pickup", href: "#menu" },
|
||||
{ text: "Delivery", href: "#contact" },
|
||||
]}
|
||||
slides={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/valentines-day-gifts-macarons-cookies-table-beautiful-wrapped-present-boxes-close-up-february-14-romantic-celebration-holiday-festive-cute-surprises-girlfriend-close-up_482257-50778.jpg?_wi=1",
|
||||
imageAlt: "dessert shop interior table",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-close-up-view-berries-oatmeal-colorful-berries-tablecloth_140725-72173.jpg?_wi=1",
|
||||
imageAlt: "dessert bowl fresh ingredients",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/couple-having-fun-night_23-2149236891.jpg",
|
||||
imageAlt: "modern dessert restaurant vibe",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-delicious-cakes-with-fresh-fruits-light-background-christmas-cake-dessert-biscuit-color_140725-141734.jpg",
|
||||
imageAlt: "dessert shop counter service",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/decorative-delicious-chocolate-cake-plate_23-2148161580.jpg",
|
||||
imageAlt: "mango dessert bowl fresh",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flesh-pears-with-leaf-flat-lay-wooden-piece-grungy-background_176474-5596.jpg",
|
||||
imageAlt: "dessert shop counter interior",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/valentines-day-gifts-macarons-cookies-table-beautiful-wrapped-present-boxes-close-up-february-14-romantic-celebration-holiday-festive-cute-surprises-girlfriend-close-up_482257-50778.jpg", imageAlt: "dessert shop interior table" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/side-close-up-view-berries-oatmeal-colorful-berries-tablecloth_140725-72173.jpg", imageAlt: "dessert bowl fresh ingredients" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/couple-having-fun-night_23-2149236891.jpg", imageAlt: "modern dessert restaurant vibe" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/front-view-delicious-cakes-with-fresh-fruits-light-background-christmas-cake-dessert-biscuit-color_140725-141734.jpg", imageAlt: "dessert shop counter service" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/decorative-delicious-chocolate-cake-plate_23-2148161580.jpg", imageAlt: "mango dessert bowl fresh" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/flesh-pears-with-leaf-flat-lay-wooden-piece-grungy-background_176474-5596.jpg", imageAlt: "dessert shop counter interior" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -102,18 +70,9 @@ export default function LandingPage() {
|
||||
title="Not Too Sweet. Just Right."
|
||||
description="We believe desserts should be fresh, vibrant, and perfectly balanced. That's why we source the freshest ingredients for our signature mango creations and late-night treats."
|
||||
metrics={[
|
||||
{
|
||||
value: "100+",
|
||||
title: "Fresh Items",
|
||||
},
|
||||
{
|
||||
value: "12",
|
||||
title: "Hours Daily",
|
||||
},
|
||||
{
|
||||
value: "5K+",
|
||||
title: "Happy Fans",
|
||||
},
|
||||
{ value: "100+", title: "Fresh Items" },
|
||||
{ value: "12", title: "Hours Daily" },
|
||||
{ value: "5K+", title: "Happy Fans" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/coffee-cup-glass-counter-caf-shop_23-2147892915.jpg"
|
||||
imageAlt="fresh fruit ingredients dessert shop"
|
||||
@@ -129,54 +88,26 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Late Night Vibe",
|
||||
description: "Open when the cravings hit.",
|
||||
items: [
|
||||
{
|
||||
icon: Clock,
|
||||
text: "Open until late",
|
||||
},
|
||||
{
|
||||
icon: Moon,
|
||||
text: "Chill atmosphere",
|
||||
},
|
||||
{
|
||||
icon: Coffee,
|
||||
text: "Perfect pairings",
|
||||
},
|
||||
title: "Late Night Vibe", description: "Open when the cravings hit.", items: [
|
||||
{ icon: Clock, text: "Open until late" },
|
||||
{ icon: Moon, text: "Chill atmosphere" },
|
||||
{ icon: Coffee, text: "Perfect pairings" },
|
||||
],
|
||||
reverse: false,
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-barista-with-tattoos-serving-coffee-counter_23-2149052846.jpg",
|
||||
imageAlt: "Male barista with tattoos serving coffee",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/valentines-day-gifts-macarons-cookies-table-beautiful-wrapped-present-boxes-close-up-february-14-romantic-celebration-holiday-festive-cute-surprises-girlfriend-close-up_482257-50778.jpg?_wi=2",
|
||||
imageAlt: "Male barista with tattoos serving coffee at the counter",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-barista-with-tattoos-serving-coffee-counter_23-2149052846.jpg", imageAlt: "Male barista with tattoos serving coffee"
|
||||
}
|
||||
},
|
||||
{
|
||||
title: "Fresh Daily",
|
||||
description: "Hand-cut, never frozen fruit.",
|
||||
items: [
|
||||
{
|
||||
icon: Leaf,
|
||||
text: "Fresh produce",
|
||||
},
|
||||
{
|
||||
icon: Award,
|
||||
text: "Premium quality",
|
||||
},
|
||||
{
|
||||
icon: CheckCircle,
|
||||
text: "Hand-made daily",
|
||||
},
|
||||
title: "Fresh Daily", description: "Hand-cut, never frozen fruit.", items: [
|
||||
{ icon: Leaf, text: "Fresh produce" },
|
||||
{ icon: Award, text: "Premium quality" },
|
||||
{ icon: CheckCircle, text: "Hand-made daily" },
|
||||
],
|
||||
reverse: true,
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/talking-barista-manager-coffee-shop_1098-20939.jpg",
|
||||
imageAlt: "Talking barista and manager",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-close-up-view-berries-oatmeal-colorful-berries-tablecloth_140725-72173.jpg?_wi=2",
|
||||
imageAlt: "Male barista with tattoos serving coffee at the counter",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/talking-barista-manager-coffee-shop_1098-20939.jpg", imageAlt: "Talking barista and manager"
|
||||
}
|
||||
},
|
||||
]}
|
||||
title="Why People Love Us"
|
||||
@@ -191,42 +122,12 @@ export default function LandingPage() {
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Mango Sticky Rice",
|
||||
price: "$8.99",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-thai-food-still-life_23-2149508925.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Chocolate Fudge",
|
||||
price: "$6.50",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-chocolate-cakes-with-sweet-nuts-light-surface_140725-20231.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Berry Bliss",
|
||||
price: "$7.99",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sweet-dessert-with-strawberry-tart_1203-9622.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Matcha Delight",
|
||||
price: "$7.50",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/green-pancakes-with-matcha-powder-with-red-jam-top-view_114579-7016.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Fruit Medley",
|
||||
price: "$9.99",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-hand-sprinkling-healthy-salad-with-salt_23-2148538601.jpg",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
name: "Creamy Vanilla",
|
||||
price: "$5.99",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/honey-toast-with-ice-cream-honey-syrup_74190-1890.jpg",
|
||||
},
|
||||
{ id: "1", name: "Mango Sticky Rice", price: "$8.99", imageSrc: "http://img.b2bpic.net/free-photo/delicious-thai-food-still-life_23-2149508925.jpg" },
|
||||
{ id: "2", name: "Chocolate Fudge", price: "$6.50", imageSrc: "http://img.b2bpic.net/free-photo/front-view-chocolate-cakes-with-sweet-nuts-light-surface_140725-20231.jpg" },
|
||||
{ id: "3", name: "Berry Bliss", price: "$7.99", imageSrc: "http://img.b2bpic.net/free-photo/sweet-dessert-with-strawberry-tart_1203-9622.jpg" },
|
||||
{ id: "4", name: "Matcha Delight", price: "$7.50", imageSrc: "http://img.b2bpic.net/free-photo/green-pancakes-with-matcha-powder-with-red-jam-top-view_114579-7016.jpg" },
|
||||
{ id: "5", name: "Fruit Medley", price: "$9.99", imageSrc: "http://img.b2bpic.net/free-photo/close-up-hand-sprinkling-healthy-salad-with-salt_23-2148538601.jpg" },
|
||||
{ id: "6", name: "Creamy Vanilla", price: "$5.99", imageSrc: "http://img.b2bpic.net/free-photo/honey-toast-with-ice-cream-honey-syrup_74190-1890.jpg" },
|
||||
]}
|
||||
title="Popular Items"
|
||||
description="Indulge in our most loved creations."
|
||||
@@ -239,36 +140,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "15K+",
|
||||
title: "Servings",
|
||||
items: [
|
||||
"Freshly made",
|
||||
"Mango focused",
|
||||
"Always healthy",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "4.8★",
|
||||
title: "Rating",
|
||||
items: [
|
||||
"Top-rated spot",
|
||||
"Customer favorite",
|
||||
"Real reviews",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "24/7",
|
||||
title: "Service",
|
||||
items: [
|
||||
"Open late",
|
||||
"Pickup ready",
|
||||
"Fast delivery",
|
||||
],
|
||||
},
|
||||
{ id: "m1", value: "15K+", title: "Servings", items: ["Freshly made", "Mango focused", "Always healthy"] },
|
||||
{ id: "m2", value: "4.8★", title: "Rating", items: ["Top-rated spot", "Customer favorite", "Real reviews"] },
|
||||
{ id: "m3", value: "24/7", title: "Service", items: ["Open late", "Pickup ready", "Fast delivery"] },
|
||||
]}
|
||||
title="By The Numbers"
|
||||
description="Our passion for perfection, shared with the city."
|
||||
@@ -282,30 +156,12 @@ export default function LandingPage() {
|
||||
rating={5}
|
||||
author="Sarah Johnson"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/view-positive-man-looking-away-smile_197531-33406.jpg",
|
||||
alt: "Customer",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/african-american-female-with-curly-bushy-hairstyle-shares-media-social-networks-uses-free-internet-connection-chating-with-friends-listening-favourite-music-headphones-leisure-concept_273609-2467.jpg",
|
||||
alt: "Customer",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/low-angle-girl-with-doughnuts-outdoors_23-2148299528.jpg",
|
||||
alt: "Customer",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/funny-teenager-eating-cupcake_23-2147699140.jpg",
|
||||
alt: "Customer",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/collage-customer-experience-concept_23-2149367142.jpg",
|
||||
alt: "Customer",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/happy-man-woman-holding-speech-bubble-with-various-type-emoticans_23-2147842263.jpg",
|
||||
alt: "Customer",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/view-positive-man-looking-away-smile_197531-33406.jpg", alt: "Customer" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/african-american-female-with-curly-bushy-hairstyle-shares-media-social-networks-uses-free-internet-connection-chating-with-friends-listening-favourite-music-headphones-leisure-concept_273609-2467.jpg", alt: "Customer" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/low-angle-girl-with-doughnuts-outdoors_23-2148299528.jpg", alt: "Customer" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/funny-teenager-eating-cupcake_23-2147699140.jpg", alt: "Customer" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/collage-customer-experience-concept_23-2149367142.jpg", alt: "Customer" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/happy-man-woman-holding-speech-bubble-with-various-type-emoticans_23-2147842263.jpg", alt: "Customer" },
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="slide-up"
|
||||
@@ -317,21 +173,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Do you accept cards?",
|
||||
content: "We accept cash and Venmo.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "What's your specialty?",
|
||||
content: "We specialize in fresh mango-based desserts.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Are you open late?",
|
||||
content: "Yes, we are open until late every night.",
|
||||
},
|
||||
{ id: "f1", title: "Do you accept cards?", content: "We accept cash and Venmo." },
|
||||
{ id: "f2", title: "What's your specialty?", content: "We specialize in fresh mango-based desserts." },
|
||||
{ id: "f3", title: "Are you open late?", content: "Yes, we are open until late every night." },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/smiling-female-baker-serving-pastry-cake-customer_23-2148028043.jpg"
|
||||
title="Common Questions"
|
||||
@@ -345,16 +189,9 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
text="Ready to satisfy your cravings? Order now and enjoy the freshest desserts in town."
|
||||
buttons={[
|
||||
{
|
||||
text: "Order Now",
|
||||
href: "https://doordash.com",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Order Now", href: "https://doordash.com" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -362,45 +199,9 @@ export default function LandingPage() {
|
||||
<FooterBaseCard
|
||||
logoText="Sweet Spot"
|
||||
columns={[
|
||||
{
|
||||
title: "Location",
|
||||
items: [
|
||||
{
|
||||
label: "123 Dessert St",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Open Daily",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Menu",
|
||||
items: [
|
||||
{
|
||||
label: "Mango Specials",
|
||||
href: "#menu",
|
||||
},
|
||||
{
|
||||
label: "Full Menu",
|
||||
href: "#menu",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Follow Us",
|
||||
items: [
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "https://instagram.com",
|
||||
},
|
||||
{
|
||||
label: "TikTok",
|
||||
href: "https://tiktok.com",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Location", items: [{ label: "123 Dessert St", href: "#" }, { label: "Open Daily", href: "#" }] },
|
||||
{ title: "Menu", items: [{ label: "Mango Specials", href: "#menu" }, { label: "Full Menu", href: "#menu" }] },
|
||||
{ title: "Follow Us", items: [{ label: "Instagram", href: "https://instagram.com" }, { label: "TikTok", href: "https://tiktok.com" }] },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user