Merge version_1 into main #2
304
src/app/page.tsx
304
src/app/page.tsx
@@ -31,22 +31,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "#hero",
|
||||
},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "#products",
|
||||
},
|
||||
{
|
||||
name: "Why Us",
|
||||
id: "#features",
|
||||
},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "#testimonials",
|
||||
},
|
||||
{ name: "Home", id: "#hero" },
|
||||
{ name: "Menu", id: "#products" },
|
||||
{ name: "Why Us", id: "#features" },
|
||||
{ name: "Reviews", id: "#testimonials" },
|
||||
]}
|
||||
brandName="Hot n Tasty"
|
||||
/>
|
||||
@@ -54,78 +42,32 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitKpi
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
title="Fresh. Hot. Simply Tasty."
|
||||
description="The ultimate roll experience delivered to your doorstep. Hand-crafted, locally sourced, and ready to satisfy your cravings."
|
||||
kpis={[
|
||||
{
|
||||
value: "15min",
|
||||
label: "Avg Delivery",
|
||||
},
|
||||
{
|
||||
value: "50+",
|
||||
label: "Tasty Varieties",
|
||||
},
|
||||
{
|
||||
value: "10k+",
|
||||
label: "Happy Foodies",
|
||||
},
|
||||
{ value: "15min", label: "Avg Delivery" },
|
||||
{ value: "50+", label: "Tasty Varieties" },
|
||||
{ value: "10k+", label: "Happy Foodies" },
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
buttons={[
|
||||
{
|
||||
text: "Order Now",
|
||||
href: "#products",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/raw-fresh-sushi-roll-with-wasabi-white-plate_74190-6064.jpg?_wi=1"
|
||||
buttons={[{ text: "Order Now", href: "#products" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/raw-fresh-sushi-roll-with-wasabi-white-plate_74190-6064.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-people-with-thumbs-up_23-2149008927.jpg",
|
||||
alt: "Happy customer giving a thumbs up",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/assortment-with-happy-emotion_23-2148860245.jpg",
|
||||
alt: "Group of happy diners",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-arrangement-with-different-feelings_23-2148860247.jpg",
|
||||
alt: "Satisfied customer smiling",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-woman-isolated-dark-wall-showing-thumbs-up-with-two-hands_114579-58464.jpg",
|
||||
alt: "Young woman showing approval",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-man-with-cup-coffee-waffle-plate_23-2147911763.jpg",
|
||||
alt: "Customer enjoying coffee and meal",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/close-up-people-with-thumbs-up_23-2149008927.jpg", alt: "Happy customer giving a thumbs up" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/assortment-with-happy-emotion_23-2148860245.jpg", alt: "Group of happy diners" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/front-view-arrangement-with-different-feelings_23-2148860247.jpg", alt: "Satisfied customer smiling" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/young-woman-isolated-dark-wall-showing-thumbs-up-with-two-hands_114579-58464.jpg", alt: "Young woman showing approval" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-man-with-cup-coffee-waffle-plate_23-2147911763.jpg", alt: "Customer enjoying coffee and meal" },
|
||||
]}
|
||||
avatarText="Join 10k+ happy foodies"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Fresh Ingredients",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Locally Sourced",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Fast Delivery",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Hand-crafted",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Daily Specials",
|
||||
},
|
||||
{ type: "text", text: "Fresh Ingredients" },
|
||||
{ type: "text", text: "Locally Sourced" },
|
||||
{ type: "text", text: "Fast Delivery" },
|
||||
{ type: "text", text: "Hand-crafted" },
|
||||
{ type: "text", text: "Daily Specials" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -135,21 +77,9 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="Crafted with Passion"
|
||||
metrics={[
|
||||
{
|
||||
icon: Flame,
|
||||
label: "Culinary Skill",
|
||||
value: "Expert",
|
||||
},
|
||||
{
|
||||
icon: Leaf,
|
||||
label: "Local Produce",
|
||||
value: "100%",
|
||||
},
|
||||
{
|
||||
icon: Clock,
|
||||
label: "Freshness",
|
||||
value: "Daily",
|
||||
},
|
||||
{ icon: Flame, label: "Culinary Skill", value: "Expert" },
|
||||
{ icon: Leaf, label: "Local Produce", value: "100%" },
|
||||
{ icon: Clock, label: "Freshness", value: "Daily" },
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -162,42 +92,12 @@ export default function LandingPage() {
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Classic Chicken",
|
||||
price: "$8.99",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/group-spring-rolls-with-rice-paper-filled-with-vegetables_169016-48460.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Spicy Beef",
|
||||
price: "$9.49",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/zucchini-roll-with-cream-cheese-greens-tomato-dill-side-view_141793-3213.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Garden Veggie",
|
||||
price: "$7.99",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-delicious-sushi_23-2151893475.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Egg Delight",
|
||||
price: "$6.99",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fast-food-restaurant-table_7939-2836.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Tandoori Fusion",
|
||||
price: "$9.99",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-chicken-doner-wrapped-lavash-wooden-board-served-with-lintel-soup-ayran-drink-table_140725-12781.jpg",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
name: "Sweet Choco",
|
||||
price: "$5.99",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/brownie-pie-piece-paper-with-nuts-around-blue_114579-13910.jpg",
|
||||
},
|
||||
{ id: "1", name: "Classic Chicken", price: "$8.99", imageSrc: "http://img.b2bpic.net/free-photo/group-spring-rolls-with-rice-paper-filled-with-vegetables_169016-48460.jpg" },
|
||||
{ id: "2", name: "Spicy Beef", price: "$9.49", imageSrc: "http://img.b2bpic.net/free-photo/zucchini-roll-with-cream-cheese-greens-tomato-dill-side-view_141793-3213.jpg" },
|
||||
{ id: "3", name: "Garden Veggie", price: "$7.99", imageSrc: "http://img.b2bpic.net/free-photo/still-life-delicious-sushi_23-2151893475.jpg" },
|
||||
{ id: "4", name: "Egg Delight", price: "$6.99", imageSrc: "http://img.b2bpic.net/free-photo/fast-food-restaurant-table_7939-2836.jpg" },
|
||||
{ id: "5", name: "Tandoori Fusion", price: "$9.99", imageSrc: "http://img.b2bpic.net/free-photo/side-view-chicken-doner-wrapped-lavash-wooden-board-served-with-lintel-soup-ayran-drink-table_140725-12781.jpg" },
|
||||
{ id: "6", name: "Sweet Choco", price: "$5.99", imageSrc: "http://img.b2bpic.net/free-photo/brownie-pie-piece-paper-with-nuts-around-blue_114579-13910.jpg" },
|
||||
]}
|
||||
title="Signature Rolls"
|
||||
description="Explore our curated menu of flavor-packed rolls."
|
||||
@@ -211,40 +111,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Farm to Table",
|
||||
description: "Sourced daily from local farmers.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-view-baskets-plate-vegetables-as-onion-radish-scallion-cabbage-maroon-background_141793-5337.jpg",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/various-fresh-vegetable-sale-market_23-2148209672.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/raw-fresh-sushi-roll-with-wasabi-white-plate_74190-6064.jpg?_wi=2",
|
||||
imageAlt: "fresh kitchen ingredients raw",
|
||||
title: "Farm to Table", description: "Sourced daily from local farmers.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/close-up-view-baskets-plate-vegetables-as-onion-radish-scallion-cabbage-maroon-background_141793-5337.jpg", imageAlt: "fresh kitchen ingredients raw" },
|
||||
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/various-fresh-vegetable-sale-market_23-2148209672.jpg", imageAlt: "fresh kitchen ingredients raw" }
|
||||
},
|
||||
{
|
||||
title: "Lightning Delivery",
|
||||
description: "Hot and fresh to your door.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-male-courier-holding-delivery-coffee-food-yellow-wall_179666-35557.jpg",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-female-courier-mask-holding-delivery-dessert-food-yellow-background-covid-job-uniform-worker-service-delivery_179666-39084.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/chef-squeezing-sauce-salad_23-2148516912.jpg",
|
||||
imageAlt: "fresh kitchen ingredients raw",
|
||||
title: "Lightning Delivery", description: "Hot and fresh to your door.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/front-view-male-courier-holding-delivery-coffee-food-yellow-wall_179666-35557.jpg", imageAlt: "fresh kitchen ingredients raw" },
|
||||
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/front-view-female-courier-mask-holding-delivery-dessert-food-yellow-background-covid-job-uniform-worker-service-delivery_179666-39084.jpg", imageAlt: "fresh kitchen ingredients raw" }
|
||||
},
|
||||
{
|
||||
title: "Customer Loved",
|
||||
description: "Join our community of foodies.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/friends-eating-conversating-restaurant_23-2148006704.jpg",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/indoor-shot-interracial-group-three-young-stylish-people-having-easy-lively-conversation_273609-8987.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/group-spring-rolls-with-rice-paper-filled-with-vegetables_169016-48460.jpg?_wi=2",
|
||||
imageAlt: "fresh kitchen ingredients raw",
|
||||
title: "Customer Loved", description: "Join our community of foodies.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/friends-eating-conversating-restaurant_23-2148006704.jpg", imageAlt: "fresh kitchen ingredients raw" },
|
||||
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/indoor-shot-interracial-group-three-young-stylish-people-having-easy-lively-conversation_273609-8987.jpg", imageAlt: "fresh kitchen ingredients raw" }
|
||||
},
|
||||
]}
|
||||
showStepNumbers={true}
|
||||
@@ -258,46 +134,11 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Amazing flavor",
|
||||
quote: "Best roll I've ever had in this city!",
|
||||
name: "Sarah J.",
|
||||
role: "Food Blogger",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/crazy-man-funny-expression_1194-3203.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "So fresh",
|
||||
quote: "Really appreciate the fresh ingredients.",
|
||||
name: "Mark D.",
|
||||
role: "Regular Customer",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/authentic-person-eating-fresh-cheese_23-2150220533.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Fast and good",
|
||||
quote: "Delivered hot within minutes.",
|
||||
name: "Elena P.",
|
||||
role: "Office Worker",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-having-lunch-working-online_1303-26739.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
title: "Healthy choice",
|
||||
quote: "Perfect for my quick lunches.",
|
||||
name: "Jack W.",
|
||||
role: "Student",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/friends-having-crowded-party-home_23-2149203588.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
title: "Family favorite",
|
||||
quote: "My kids love these rolls!",
|
||||
name: "Maria K.",
|
||||
role: "Parent",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/family-preparing-thanksgiving-day-turkey_23-2149129491.jpg",
|
||||
},
|
||||
{ id: "1", title: "Amazing flavor", quote: "Best roll I've ever had in this city!", name: "Sarah J.", role: "Food Blogger", imageSrc: "http://img.b2bpic.net/free-photo/crazy-man-funny-expression_1194-3203.jpg" },
|
||||
{ id: "2", title: "So fresh", quote: "Really appreciate the fresh ingredients.", name: "Mark D.", role: "Regular Customer", imageSrc: "http://img.b2bpic.net/free-photo/authentic-person-eating-fresh-cheese_23-2150220533.jpg" },
|
||||
{ id: "3", title: "Fast and good", quote: "Delivered hot within minutes.", name: "Elena P.", role: "Office Worker", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-having-lunch-working-online_1303-26739.jpg" },
|
||||
{ id: "4", title: "Healthy choice", quote: "Perfect for my quick lunches.", name: "Jack W.", role: "Student", imageSrc: "http://img.b2bpic.net/free-photo/friends-having-crowded-party-home_23-2149203588.jpg" },
|
||||
{ id: "5", title: "Family favorite", quote: "My kids love these rolls!", name: "Maria K.", role: "Parent", imageSrc: "http://img.b2bpic.net/free-photo/family-preparing-thanksgiving-day-turkey_23-2149129491.jpg" },
|
||||
]}
|
||||
title="What People Say"
|
||||
description="Don't take our word for it."
|
||||
@@ -308,34 +149,19 @@ export default function LandingPage() {
|
||||
<FaqSplitText
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "How do I order?",
|
||||
content: "Order directly through our menu section or mobile app.",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Do you deliver?",
|
||||
content: "Yes, we deliver across the metro area within 30 minutes.",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Any dietary options?",
|
||||
content: "Yes, we have vegan and gluten-free rolls available.",
|
||||
},
|
||||
{ id: "1", title: "How do I order?", content: "Order directly through our menu section or mobile app." },
|
||||
{ id: "2", title: "Do you deliver?", content: "Yes, we deliver across the metro area within 30 minutes." },
|
||||
{ id: "3", title: "Any dietary options?", content: "Yes, we have vegan and gluten-free rolls available." },
|
||||
]}
|
||||
sideTitle="Still Have Questions?"
|
||||
faqsAnimation="slide-up"
|
||||
title="Common Questions"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
title="Stay Updated"
|
||||
description="Subscribe for exclusive offers and menu drops."
|
||||
tag="Newsletter"
|
||||
@@ -346,45 +172,9 @@ export default function LandingPage() {
|
||||
<FooterBaseReveal
|
||||
logoText="Hot n Tasty"
|
||||
columns={[
|
||||
{
|
||||
title: "Menu",
|
||||
items: [
|
||||
{
|
||||
label: "Rolls",
|
||||
href: "#products",
|
||||
},
|
||||
{
|
||||
label: "Deals",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Menu", items: [{ label: "Rolls", href: "#products" }, { label: "Deals", href: "#" }] },
|
||||
{ title: "Company", items: [{ label: "About", href: "#about" }, { label: "Contact", href: "#contact" }] },
|
||||
{ title: "Legal", items: [{ label: "Privacy", href: "#" }, { label: "Terms", href: "#" }] },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user