Merge version_1 into main #1
347
src/app/page.tsx
347
src/app/page.tsx
@@ -25,265 +25,106 @@ export default function LandingPage() {
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "menu",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="Silk & Spice"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Menu", id: "menu" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Silk & Spice"
|
||||
button={{ text: "Order Now", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogo
|
||||
logoText="Silk & Spice"
|
||||
description="Authentic Afghan and Indian flavors blended into an unforgettable dining experience in the heart of the city."
|
||||
buttons={[
|
||||
{
|
||||
text: "View Menu",
|
||||
href: "#menu",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/top-view-christmas-dish-bottle-oil-bowls-spices-lemon-garlic-spruce-branches-with-cones-dark-table_140725-111536.jpg"
|
||||
imageAlt="Authentic cuisine platter"
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogo
|
||||
logoText="Silk & Spice"
|
||||
description="Authentic Afghan and Indian flavors blended into an unforgettable dining experience in the heart of the city."
|
||||
buttons={[{ text: "View Menu", href: "#menu" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/top-view-christmas-dish-bottle-oil-bowls-spices-lemon-garlic-spruce-branches-with-cones-dark-table_140725-111536.jpg"
|
||||
imageAlt="Authentic cuisine platter"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<SplitAbout
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
title="A Legacy of Flavor"
|
||||
description="Our kitchen combines centuries-old Afghan cooking techniques with the vibrant, complex spices of traditional Indian cuisine. From slow-cooked curries to flame-grilled meats, every dish is prepared with passion and authentic ingredients."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Farm-to-Table",
|
||||
description: "We source the freshest local vegetables and high-quality meats.",
|
||||
},
|
||||
{
|
||||
title: "Authentic Spices",
|
||||
description: "Authentic blends imported directly from the source for true flavor.",
|
||||
},
|
||||
{
|
||||
title: "Traditional Recipes",
|
||||
description: "Family recipes handed down through generations.",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/side-view-cizbiz-with-fresh-greens-figurines-ram-lavash_176474-3044.jpg"
|
||||
imageAlt="Chef preparing traditional dishes"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<SplitAbout
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
title="A Legacy of Flavor"
|
||||
description="Our kitchen combines centuries-old Afghan cooking techniques with the vibrant, complex spices of traditional Indian cuisine. From slow-cooked curries to flame-grilled meats, every dish is prepared with passion and authentic ingredients."
|
||||
bulletPoints={[
|
||||
{ title: "Farm-to-Table", description: "We source the freshest local vegetables and high-quality meats." },
|
||||
{ title: "Authentic Spices", description: "Authentic blends imported directly from the source for true flavor." },
|
||||
{ title: "Traditional Recipes", description: "Family recipes handed down through generations." },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/side-view-cizbiz-with-fresh-greens-figurines-ram-lavash_176474-3044.jpg"
|
||||
imageAlt="Chef preparing traditional dishes"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="menu" data-section="menu">
|
||||
<ProductCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
brand: "Afghan",
|
||||
name: "Kabuli Pulao",
|
||||
price: "$18.00",
|
||||
rating: 5,
|
||||
reviewCount: "120",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-close-up-view-pilaf-appetizing-pilaf-board-bowl-rice-cutting-board_140725-78451.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
brand: "Indian",
|
||||
name: "Butter Chicken",
|
||||
price: "$20.00",
|
||||
rating: 5,
|
||||
reviewCount: "210",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/chicken-red-curry-black-cup_1150-23915.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
brand: "Afghan",
|
||||
name: "Mantu",
|
||||
price: "$15.00",
|
||||
rating: 4,
|
||||
reviewCount: "95",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/georgian-dough-khinkali-red-plate-with-tomatoes_114579-3293.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
brand: "Indian",
|
||||
name: "Vegetable Samosa",
|
||||
price: "$8.00",
|
||||
rating: 5,
|
||||
reviewCount: "300",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-yummy-indian-patisserie-products_23-2148295024.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
brand: "Afghan",
|
||||
name: "Lamb Skewers",
|
||||
price: "$22.00",
|
||||
rating: 5,
|
||||
reviewCount: "150",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/various-kebab-with-rice-vegetables_140725-7109.jpg",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
brand: "Indian",
|
||||
name: "Lamb Biryani",
|
||||
price: "$21.00",
|
||||
rating: 5,
|
||||
reviewCount: "180",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/indian-food-assortment-high-angle_23-2148734739.jpg",
|
||||
},
|
||||
]}
|
||||
title="Our Signature Dishes"
|
||||
description="Explore a curated selection of our most beloved Afghan and Indian delicacies."
|
||||
/>
|
||||
</div>
|
||||
<div id="menu" data-section="menu">
|
||||
<ProductCardTwo
|
||||
animationType="slide-up"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{ id: "1", brand: "Afghan", name: "Kabuli Pulao", price: "$18.00", rating: 5, reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/top-close-up-view-pilaf-appetizing-pilaf-board-bowl-rice-cutting-board_140725-78451.jpg" },
|
||||
{ id: "2", brand: "Indian", name: "Butter Chicken", price: "$20.00", rating: 5, reviewCount: "210", imageSrc: "http://img.b2bpic.net/free-photo/chicken-red-curry-black-cup_1150-23915.jpg" },
|
||||
{ id: "3", brand: "Afghan", name: "Mantu", price: "$15.00", rating: 4, reviewCount: "95", imageSrc: "http://img.b2bpic.net/free-photo/georgian-dough-khinkali-red-plate-with-tomatoes_114579-3293.jpg" },
|
||||
{ id: "4", brand: "Indian", name: "Vegetable Samosa", price: "$8.00", rating: 5, reviewCount: "300", imageSrc: "http://img.b2bpic.net/free-photo/close-up-yummy-indian-patisserie-products_23-2148295024.jpg" },
|
||||
{ id: "5", brand: "Afghan", name: "Lamb Skewers", price: "$22.00", rating: 5, reviewCount: "150", imageSrc: "http://img.b2bpic.net/free-photo/various-kebab-with-rice-vegetables_140725-7109.jpg" },
|
||||
{ id: "6", brand: "Indian", name: "Lamb Biryani", price: "$21.00", rating: 5, reviewCount: "180", imageSrc: "http://img.b2bpic.net/free-photo/indian-food-assortment-high-angle_23-2148734739.jpg" },
|
||||
]}
|
||||
title="Our Signature Dishes"
|
||||
description="Explore a curated selection of our most beloved Afghan and Indian delicacies."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTen
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Amazing Fusion",
|
||||
quote: "The balance of Afghan and Indian flavors is truly unique!",
|
||||
name: "Sarah J.",
|
||||
role: "Food Critic",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-woman-is-posing-cafe_344912-2008.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Best in Town",
|
||||
quote: "My favorite place for dinner. The lamb is always perfect.",
|
||||
name: "Michael B.",
|
||||
role: "Local Resident",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/low-angle-friends-shaking-hands_23-2148395404.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Authentic Flavors",
|
||||
quote: "Taste like home cooking with a special twist.",
|
||||
name: "Ananya P.",
|
||||
role: "Regular Guest",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-with-chain-necklace_23-2149409803.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
title: "Outstanding",
|
||||
quote: "Great service and even better food. Highly recommended.",
|
||||
name: "David L.",
|
||||
role: "Food Enthusiast",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/person-happy-woman-clanging-glasses-wine-table-cafe_23-2148016787.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
title: "Will be back",
|
||||
quote: "Authentic spices and such a welcoming atmosphere.",
|
||||
name: "Elena R.",
|
||||
role: "Diner",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-woman-with-tablet_23-2149927583.jpg",
|
||||
},
|
||||
]}
|
||||
title="What Our Guests Say"
|
||||
description="Authentic experiences from food lovers in our community."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTen
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "1", title: "Amazing Fusion", quote: "The balance of Afghan and Indian flavors is truly unique!", name: "Sarah J.", role: "Food Critic", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-woman-is-posing-cafe_344912-2008.jpg" },
|
||||
{ id: "2", title: "Best in Town", quote: "My favorite place for dinner. The lamb is always perfect.", name: "Michael B.", role: "Local Resident", imageSrc: "http://img.b2bpic.net/free-photo/low-angle-friends-shaking-hands_23-2148395404.jpg" },
|
||||
{ id: "3", title: "Authentic Flavors", quote: "Taste like home cooking with a special twist.", name: "Ananya P.", role: "Regular Guest", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-with-chain-necklace_23-2149409803.jpg" },
|
||||
{ id: "4", title: "Outstanding", quote: "Great service and even better food. Highly recommended.", name: "David L.", role: "Food Enthusiast", imageSrc: "http://img.b2bpic.net/free-photo/person-happy-woman-clanging-glasses-wine-table-cafe_23-2148016787.jpg" },
|
||||
{ id: "5", title: "Will be back", quote: "Authentic spices and such a welcoming atmosphere.", name: "Elena R.", role: "Diner", imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-woman-with-tablet_23-2149927583.jpg" },
|
||||
]}
|
||||
title="What Our Guests Say"
|
||||
description="Authentic experiences from food lovers in our community."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={false}
|
||||
title="Visit Us"
|
||||
description="We are located in the heart of the city. Make a reservation today."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Your Email",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "phone",
|
||||
type: "tel",
|
||||
placeholder: "Your Phone",
|
||||
required: true,
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/modern-interior-design-interior_23-2151929500.jpg"
|
||||
imageAlt="Restaurant dining area"
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={false}
|
||||
title="Visit Us"
|
||||
description="We are located in the heart of the city. Make a reservation today."
|
||||
inputs={[
|
||||
{ name: "name", type: "text", placeholder: "Your Name", required: true },
|
||||
{ name: "email", type: "email", placeholder: "Your Email", required: true },
|
||||
{ name: "phone", type: "tel", placeholder: "Your Phone", required: true },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/modern-interior-design-interior_23-2151929500.jpg"
|
||||
imageAlt="Restaurant dining area"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Resources",
|
||||
items: [
|
||||
{
|
||||
label: "Menu",
|
||||
href: "#menu",
|
||||
},
|
||||
{
|
||||
label: "Reservation",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
bottomLeftText="© 2024 Silk & Spice. All rights reserved."
|
||||
bottomRightText="123 Spice Street, Flavor Town"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{ title: "Company", items: [{ label: "About Us", href: "#about" }, { label: "Careers", href: "#" }] },
|
||||
{ title: "Resources", items: [{ label: "Menu", href: "#menu" }, { label: "Reservation", href: "#contact" }] },
|
||||
{ title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] },
|
||||
]}
|
||||
bottomLeftText="© 2024 Silk & Spice. All rights reserved."
|
||||
bottomRightText="123 Spice Street, Flavor Town"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user