Merge version_1 into main #1
238
src/app/page.tsx
238
src/app/page.tsx
@@ -32,73 +32,29 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "products",
|
||||
},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "faq",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Menu", id: "products" },
|
||||
{ name: "FAQ", id: "faq" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="SavorBite"
|
||||
button={{
|
||||
text: "Order Now",
|
||||
href: "#products",
|
||||
}}
|
||||
button={{ text: "Order Now", href: "#products" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardGallery
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
background={{ variant: "radial-gradient" }}
|
||||
title="Authentic Flavors, Delivered to You"
|
||||
description="Enjoy the finest culinary creations from our kitchen in the comfort of your home. Fresh, artisanal, and ready for you."
|
||||
buttons={[
|
||||
{
|
||||
text: "View Menu",
|
||||
href: "#products",
|
||||
},
|
||||
{
|
||||
text: "Order Online",
|
||||
href: "#products",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "View Menu", href: "#products" }, { text: "Order Online", href: "#products" }]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/burning-candle-table_140725-8115.jpg",
|
||||
imageAlt: "Gourmet Dining",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/gurza-damplings-with-meat-top-view_141793-4457.jpg",
|
||||
imageAlt: "Kitchen Preparation",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-woman-taking-break-with-smartphone_23-2150522189.jpg",
|
||||
imageAlt: "Restaurant Ambiance",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-decorated-table-with-pine-leaf_8353-10194.jpg",
|
||||
imageAlt: "Gourmet Dining 2",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tuna-sushi_1203-3743.jpg",
|
||||
imageAlt: "Kitchen Preparation 2",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/burning-candle-table_140725-8115.jpg", imageAlt: "Gourmet Dining" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/gurza-damplings-with-meat-top-view_141793-4457.jpg", imageAlt: "Kitchen Preparation" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/full-shot-woman-taking-break-with-smartphone_23-2150522189.jpg", imageAlt: "Restaurant Ambiance" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/beautiful-decorated-table-with-pine-leaf_8353-10194.jpg", imageAlt: "Gourmet Dining 2" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/tuna-sushi_1203-3743.jpg", imageAlt: "Kitchen Preparation 2" }
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
@@ -124,48 +80,12 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Gourmet Beef Burger",
|
||||
price: "$16.00",
|
||||
variant: "Classic",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-cheeseburger-with-french-fries_23-2148290584.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Margherita Pizza",
|
||||
price: "$14.00",
|
||||
variant: "Italian",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/experienced-chef-is-putting-his-pizza-oven-using-special-giant-spatula_613910-3392.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Classic Carbonara",
|
||||
price: "$18.00",
|
||||
variant: "Pasta",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-tasty-cooked-potatoes-delicious-dish-with-greens-dark-surface-potato-dinner-cooking-meal-dish_140725-102137.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Fresh Garden Salad",
|
||||
price: "$12.00",
|
||||
variant: "Healthy",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-eating-corn-salad-chicken-lettuce-pepper-sesame-side-view_141793-1842.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Creamy Fettuccine",
|
||||
price: "$19.00",
|
||||
variant: "Pasta",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/penne-pasta-cream-cheese_1339-3955.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Chocolate Lava Cake",
|
||||
price: "$9.00",
|
||||
variant: "Dessert",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-little-creamy-cake-with-chocolate-cookies-dark-surface-biscuit-cake-sweet-pie-sugar-cookie_140725-118183.jpg",
|
||||
},
|
||||
{ id: "p1", name: "Gourmet Beef Burger", price: "$16.00", variant: "Classic", imageSrc: "http://img.b2bpic.net/free-photo/delicious-cheeseburger-with-french-fries_23-2148290584.jpg" },
|
||||
{ id: "p2", name: "Margherita Pizza", price: "$14.00", variant: "Italian", imageSrc: "http://img.b2bpic.net/free-photo/experienced-chef-is-putting-his-pizza-oven-using-special-giant-spatula_613910-3392.jpg" },
|
||||
{ id: "p3", name: "Classic Carbonara", price: "$18.00", variant: "Pasta", imageSrc: "http://img.b2bpic.net/free-photo/top-view-tasty-cooked-potatoes-delicious-dish-with-greens-dark-surface-potato-dinner-cooking-meal-dish_140725-102137.jpg" },
|
||||
{ id: "p4", name: "Fresh Garden Salad", price: "$12.00", variant: "Healthy", imageSrc: "http://img.b2bpic.net/free-photo/man-eating-corn-salad-chicken-lettuce-pepper-sesame-side-view_141793-1842.jpg" },
|
||||
{ id: "p5", name: "Creamy Fettuccine", price: "$19.00", variant: "Pasta", imageSrc: "http://img.b2bpic.net/free-photo/penne-pasta-cream-cheese_1339-3955.jpg" },
|
||||
{ id: "p6", name: "Chocolate Lava Cake", price: "$9.00", variant: "Dessert", imageSrc: "http://img.b2bpic.net/free-photo/top-view-little-creamy-cake-with-chocolate-cookies-dark-surface-biscuit-cake-sweet-pie-sugar-cookie_140725-118183.jpg" }
|
||||
]}
|
||||
title="Our Signature Menu"
|
||||
description="Explore our curated selection of signature dishes, prepared daily from scratch."
|
||||
@@ -178,21 +98,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
icon: Clock,
|
||||
title: "Rapid Delivery",
|
||||
description: "Get your meals delivered hot and fresh in under 45 minutes.",
|
||||
},
|
||||
{
|
||||
icon: ShieldCheck,
|
||||
title: "Secure Payments",
|
||||
description: "Safe, encrypted, and convenient online checkout process.",
|
||||
},
|
||||
{
|
||||
icon: Leaf,
|
||||
title: "Sustainable Sourcing",
|
||||
description: "We partner with local farms to provide fresh, ethical produce.",
|
||||
},
|
||||
{ icon: Clock, title: "Rapid Delivery", description: "Get your meals delivered hot and fresh in under 45 minutes." },
|
||||
{ icon: ShieldCheck, title: "Secure Payments", description: "Safe, encrypted, and convenient online checkout process." },
|
||||
{ icon: Leaf, title: "Sustainable Sourcing", description: "We partner with local farms to provide fresh, ethical produce." }
|
||||
]}
|
||||
title="Why Choose Us"
|
||||
description="Experience superior quality with our seamless service."
|
||||
@@ -201,31 +109,14 @@ export default function LandingPage() {
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "15k+",
|
||||
title: "Happy Customers",
|
||||
description: "Satisfied diners served.",
|
||||
icon: Smile,
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "120+",
|
||||
title: "Menu Items",
|
||||
description: "Unique recipes developed.",
|
||||
icon: Award,
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "5",
|
||||
title: "Stars Rated",
|
||||
description: "Consistently top-rated.",
|
||||
icon: Star,
|
||||
},
|
||||
{ id: "m1", value: "15k+", title: "Happy Customers", description: "Satisfied diners served.", icon: Smile },
|
||||
{ id: "m2", value: "120+", title: "Menu Items", description: "Unique recipes developed.", icon: Award },
|
||||
{ id: "m3", value: "5", title: "Stars Rated", description: "Consistently top-rated.", icon: Star }
|
||||
]}
|
||||
title="Quality You Can Trust"
|
||||
description="Our numbers speak volumes about our commitment to excellence."
|
||||
@@ -238,48 +129,12 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah J.",
|
||||
handle: "@sarahj",
|
||||
testimonial: "The best burger I've ever had! Quick delivery and amazing flavor.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-friends-chatting-table_23-2149213369.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Mark D.",
|
||||
handle: "@markd",
|
||||
testimonial: "Consistently good quality. My favorite spot for family dinner.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-asian-woman-shows-thumbs-up-approves-likes-smth-good-stands-near-cafe-entrance-give-her_1258-199002.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Elena V.",
|
||||
handle: "@elenav",
|
||||
testimonial: "Fresh ingredients and prompt delivery. Highly recommended!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/successful-young-man-stylish-hat-relaxing-alone-cozy-cafeteria-lunch-break-looking-with-happy-expression_273609-1935.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "David W.",
|
||||
handle: "@davidw",
|
||||
testimonial: "Top notch customer service and delicious pasta. 10/10.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-young-woman-student-taking-selfie-kitchen-drinking-tea-eating-breakfast-making_1258-203915.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Julia P.",
|
||||
handle: "@juliap",
|
||||
testimonial: "The chocolate lava cake is a must-have. Simply exquisite.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-adorable-blue-eyed-female-model-with-hair-knot-wears-overalls-enjoys-drinking-fruit-smoothie-looks-happily-somewhere-while-sits-cozy-restaurant-beautiful-teenage-girl-coffee-shop_273609-3038.jpg",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
name: "Tom H.",
|
||||
handle: "@tomh",
|
||||
testimonial: "Everything I order arrives hot and tasty. Great service.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/middle-aged-bearded-man-with-cheerful-expression-pointing-thumb-his-girlfriend-sunglasses-while-telling-jokes_273609-6608.jpg",
|
||||
},
|
||||
{ id: "1", name: "Sarah J.", handle: "@sarahj", testimonial: "The best burger I've ever had! Quick delivery and amazing flavor.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-friends-chatting-table_23-2149213369.jpg" },
|
||||
{ id: "2", name: "Mark D.", handle: "@markd", testimonial: "Consistently good quality. My favorite spot for family dinner.", imageSrc: "http://img.b2bpic.net/free-photo/happy-asian-woman-shows-thumbs-up-approves-likes-smth-good-stands-near-cafe-entrance-give-her_1258-199002.jpg" },
|
||||
{ id: "3", name: "Elena V.", handle: "@elenav", testimonial: "Fresh ingredients and prompt delivery. Highly recommended!", imageSrc: "http://img.b2bpic.net/free-photo/successful-young-man-stylish-hat-relaxing-alone-cozy-cafeteria-lunch-break-looking-with-happy-expression_273609-1935.jpg" },
|
||||
{ id: "4", name: "David W.", handle: "@davidw", testimonial: "Top notch customer service and delicious pasta. 10/10.", imageSrc: "http://img.b2bpic.net/free-photo/stylish-young-woman-student-taking-selfie-kitchen-drinking-tea-eating-breakfast-making_1258-203915.jpg" },
|
||||
{ id: "5", name: "Julia P.", handle: "@juliap", testimonial: "The chocolate lava cake is a must-have. Simply exquisite.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-adorable-blue-eyed-female-model-with-hair-knot-wears-overalls-enjoys-drinking-fruit-smoothie-looks-happily-somewhere-while-sits-cozy-restaurant-beautiful-teenage-girl-coffee-shop_273609-3038.jpg" },
|
||||
{ id: "6", name: "Tom H.", handle: "@tomh", testimonial: "Everything I order arrives hot and tasty. Great service.", imageSrc: "http://img.b2bpic.net/free-photo/middle-aged-bearded-man-with-cheerful-expression-pointing-thumb-his-girlfriend-sunglasses-while-telling-jokes_273609-6608.jpg" }
|
||||
]}
|
||||
title="Loved by Our Customers"
|
||||
description="Hear what our regulars have to say about their dining experience."
|
||||
@@ -290,21 +145,9 @@ export default function LandingPage() {
|
||||
<FaqSplitText
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Do you offer contact-less delivery?",
|
||||
content: "Yes, we prioritize safety and offer contact-less delivery for all online orders.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "How can I track my order?",
|
||||
content: "Once your order is dispatched, you'll receive an SMS with a real-time tracking link.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Do you accommodate dietary restrictions?",
|
||||
content: "Absolutely. Please let us know of any allergies or dietary needs during checkout.",
|
||||
},
|
||||
{ id: "f1", title: "Do you offer contact-less delivery?", content: "Yes, we prioritize safety and offer contact-less delivery for all online orders." },
|
||||
{ id: "f2", title: "How can I track my order?", content: "Once your order is dispatched, you'll receive an SMS with a real-time tracking link." },
|
||||
{ id: "f3", title: "Do you accommodate dietary restrictions?", content: "Absolutely. Please let us know of any allergies or dietary needs during checkout." }
|
||||
]}
|
||||
sideTitle="Common Questions"
|
||||
sideDescription="Everything you need to know about our services."
|
||||
@@ -315,18 +158,11 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Contact Us"
|
||||
title="Ready for a Great Meal?"
|
||||
description="Questions? Reservations? We are here to help. Reach out anytime."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Support",
|
||||
href: "mailto:hello@savorbite.com",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Contact Support", href: "mailto:hello@savorbite.com" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
|
||||
Reference in New Issue
Block a user