bender/22891db4-df71-4a82-b369-3384727363e1
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-05-11 13:43:34 +00:00
parent 3c9d999653
commit 02897e912f
1 changed files with 152 additions and 198 deletions
Download Patch File Download Diff File Expand all files Collapse all files

350
src/app/page.tsx
View File

@@ -28,213 +28,167 @@ export default function LandingPage() {
headingFontWeight="light"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{
name: "Home", id: "hero"},
{
name: "About", id: "about"},
{
name: "Menu", id: "products"},
{
name: "Contact", id: "contact"},
]}
brandName="Spice Hut"
button={{ text: "Reserve Now", href: "#contact" }}
/>
</div>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{ name: "Home", id: "hero" },
{ name: "About", id: "about" },
{ name: "Menu", id: "products" },
{ name: "Contact", id: "contact" }
]}
brandName="Spice Hut"
button={{ text: "Reserve Now", href: "#contact" }}
/>
</div>
<div id="hero" data-section="hero">
<HeroOverlay
title="The Soul of the Midlands, The Heart of Almería"
description="Authentic British Indian Restaurant flavors served under the stars. Discover why critics call us the best curry experience in Spain."
buttons={[
{
text: "Book a Table in Almería", href: "#contact"},
{
text: "Explore Vera Location", href: "#contact"},
]}
imageSrc="http://img.b2bpic.net/free-photo/cheese-plate-with-crackers_140725-3367.jpg"
showBlur={true}
avatars={[
{
src: "http://img.b2bpic.net/free-photo/side-view-baked-fish-fillet-with-red-onions-narsharab-plate_140725-11496.jpg", alt: "Side view of baked fish fillet with red onions and narsharab on a plate"},
{
src: "http://img.b2bpic.net/free-photo/luxury-meeting-dining-room-table-multiple-chairs_114579-2067.jpg", alt: "Luxury meeting and dining room table and multiple chairs"},
{
src: "http://img.b2bpic.net/free-photo/side-view-chopped-vegetable-salad-with-chicken-pineapple-plate-table_140725-11500.jpg", alt: "Side view of chopped vegetable salad with chicken and pineapple on a plate on the table"},
{
src: "http://img.b2bpic.net/free-photo/grey-painted-fancy-restaurant-with-empty-dinner-table_140725-8730.jpg", alt: "Grey painted fancy restaurant with empty dinner table"},
{
src: "http://img.b2bpic.net/free-photo/couple-having-date-together-luxurious-restaurant_23-2150517419.jpg", alt: "Couple having a date together at a luxurious restaurant"},
]}
avatarText="Join 5,000+ satisfied diners"
/>
</div>
<div id="hero" data-section="hero">
<HeroOverlay
title="The Soul of the Midlands, The Heart of Almería"
description="Authentic British Indian Restaurant flavors served under the stars. Discover why critics call us the best curry experience in Spain."
buttons={[
{ text: "Book a Table in Almería", href: "#contact" },
{ text: "Explore Vera Location", href: "#contact" }
]}
imageSrc="http://img.b2bpic.net/free-photo/cheese-plate-with-crackers_140725-3367.jpg"
showBlur={true}
avatars={[
{ src: "http://img.b2bpic.net/free-photo/side-view-baked-fish-fillet-with-red-onions-narsharab-plate_140725-11496.jpg", alt: "Side view of baked fish fillet with red onions and narsharab on a plate" },
{ src: "http://img.b2bpic.net/free-photo/luxury-meeting-dining-room-table-multiple-chairs_114579-2067.jpg", alt: "Luxury meeting and dining room table and multiple chairs" },
{ src: "http://img.b2bpic.net/free-photo/side-view-chopped-vegetable-salad-with-chicken-pineapple-plate-table_140725-11500.jpg", alt: "Side view of chopped vegetable salad with chicken and pineapple on a plate on the table" },
{ src: "http://img.b2bpic.net/free-photo/grey-painted-fancy-restaurant-with-empty-dinner-table_140725-8730.jpg", alt: "Grey painted fancy restaurant with empty dinner table" },
{ src: "http://img.b2bpic.net/free-photo/couple-having-date-together-luxurious-restaurant_23-2150517419.jpg", alt: "Couple having a date together at a luxurious restaurant" }
]}
avatarText="Join 5,000+ satisfied diners"
/>
</div>
<div id="about" data-section="about">
<MetricSplitMediaAbout
useInvertedBackground={false}
title="Authenticity Defined"
description="Born from the vibrant Desi Pub culture of the Midlands, Spice Hut brings an authentic BIR experience to Spain. Our kitchen honors traditional recipes while serving them within a uniquely immersive, star-lit atmosphere."
metrics={[
{
value: "15+", title: "Traditional Recipes"},
{
value: "2", title: "Locations in Spain"},
{
value: "5000+", title: "Happy Guests"},
]}
imageSrc="http://img.b2bpic.net/free-photo/top-view-tasty-salad-with-seasonings-white-floor-salad-vegetable-meal-food-health_140725-80755.jpg"
mediaAnimation="slide-up"
metricsAnimation="slide-up"
/>
</div>
<div id="about" data-section="about">
<MetricSplitMediaAbout
useInvertedBackground={false}
title="Authenticity Defined"
description="Born from the vibrant Desi Pub culture of the Midlands, Spice Hut brings an authentic BIR experience to Spain. Our kitchen honors traditional recipes while serving them within a uniquely immersive, star-lit atmosphere."
metrics={[
{ value: "15+", title: "Traditional Recipes" },
{ value: "2", title: "Locations in Spain" },
{ value: "5000+", title: "Happy Guests" }
]}
imageSrc="http://img.b2bpic.net/free-photo/top-view-tasty-salad-with-seasonings-white-floor-salad-vegetable-meal-food-health_140725-80755.jpg"
mediaAnimation="slide-up"
metricsAnimation="slide-up"
/>
</div>
<div id="features" data-section="features">
<FeatureCardMedia
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={false}
features={[
{
id: "f1", title: "Midlands Tradition", description: "Authentic recipes straight from the heart of the Midlands.", tag: "Authenticity", imageSrc: "http://img.b2bpic.net/free-photo/pre-prepared-food-showcasing-ready-eat-delicious-meals-go_23-2151246082.jpg"},
{
id: "f2", title: "Starry Ambiance", description: "Dining experience under an immersive star-lit ceiling.", tag: "Atmosphere", imageSrc: "http://img.b2bpic.net/free-photo/azerbaijani-gutab-stuffed-flatbreads-with-herbs-meat-pumpkin_140725-1482.jpg"},
{
id: "f3", title: "Premium Standards", description: "Impeccable service that matches the quality of our food.", tag: "Standard", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-dining-table-with-grapes_23-2150312235.jpg"},
]}
title="What Makes Spice Hut Special"
description="Experience fine dining elevated by culture, history, and passion."
/>
</div>
<div id="features" data-section="features">
<FeatureCardMedia
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={false}
features={[
{ id: "f1", title: "Midlands Tradition", description: "Authentic recipes straight from the heart of the Midlands.", tag: "Authenticity", imageSrc: "http://img.b2bpic.net/free-photo/pre-prepared-food-showcasing-ready-eat-delicious-meals-go_23-2151246082.jpg" },
{ id: "f2", title: "Starry Ambiance", description: "Dining experience under an immersive star-lit ceiling.", tag: "Atmosphere", imageSrc: "http://img.b2bpic.net/free-photo/azerbaijani-gutab-stuffed-flatbreads-with-herbs-meat-pumpkin_140725-1482.jpg" },
{ id: "f3", title: "Premium Standards", description: "Impeccable service that matches the quality of our food.", tag: "Standard", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-dining-table-with-grapes_23-2150312235.jpg" }
]}
title="What Makes Spice Hut Special"
description="Experience fine dining elevated by culture, history, and passion."
/>
</div>
<div id="products" data-section="products">
<ProductCardTwo
animationType="slide-up"
textboxLayout="default"
gridVariant="three-columns-all-equal-width"
useInvertedBackground={false}
products={[
{
id: "p1", brand: "Signature", name: "Lamb Rogan Josh", price: "€18.50", rating: 5,
reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/top-close-view-dish-spices-dish-potatoes-mushrooms-cutting-board-notebook-colorful-spices-around-it_140725-117358.jpg"},
{
id: "p2", brand: "Classic", name: "Chicken Tikka Masala", price: "€16.90", rating: 5,
reviewCount: "95", imageSrc: "http://img.b2bpic.net/free-photo/pre-prepared-food-showcasing-ready-eat-delicious-meals-go_23-2151246089.jpg"},
{
id: "p3", brand: "Vegetarian", name: "Dal Makhani", price: "€14.00", rating: 4,
reviewCount: "67", imageSrc: "http://img.b2bpic.net/free-photo/close-up-view-classic-tomato-soup-brown-bowl-spoon-mixed-color-table_140725-86602.jpg"},
{
id: "p4", brand: "Signature", name: "Vegetable Biryani", price: "€15.50", rating: 5,
reviewCount: "88", imageSrc: "http://img.b2bpic.net/free-photo/front-view-vegetable-salad-dark-background_179666-17227.jpg"},
{
id: "p5", brand: "Classic", name: "Paneer Makhani", price: "€15.90", rating: 5,
reviewCount: "42", imageSrc: "http://img.b2bpic.net/free-photo/nutritious-indian-dosa-assortment_23-2149086070.jpg"},
{
id: "p6", brand: "Starter", name: "Tandoori Platter", price: "€19.90", rating: 5,
reviewCount: "55", imageSrc: "http://img.b2bpic.net/free-photo/chicken-grill-with-vegetables-table_140725-9460.jpg"},
]}
title="Our Signature Dishes"
description="Discover our culinary masterclass menu."
/>
</div>
<div id="products" data-section="products">
<ProductCardTwo
animationType="slide-up"
textboxLayout="default"
gridVariant="three-columns-all-equal-width"
useInvertedBackground={false}
products={[
{ id: "p1", brand: "Signature", name: "Lamb Rogan Josh", price: "€18.50", rating: 5, reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/top-close-view-dish-spices-dish-potatoes-mushrooms-cutting-board-notebook-colorful-spices-around-it_140725-117358.jpg" },
{ id: "p2", brand: "Classic", name: "Chicken Tikka Masala", price: "€16.90", rating: 5, reviewCount: "95", imageSrc: "http://img.b2bpic.net/free-photo/pre-prepared-food-showcasing-ready-eat-delicious-meals-go_23-2151246089.jpg" },
{ id: "p3", brand: "Vegetarian", name: "Dal Makhani", price: "€14.00", rating: 4, reviewCount: "67", imageSrc: "http://img.b2bpic.net/free-photo/close-up-view-classic-tomato-soup-brown-bowl-spoon-mixed-color-table_140725-86602.jpg" },
{ id: "p4", brand: "Signature", name: "Vegetable Biryani", price: "€15.50", rating: 5, reviewCount: "88", imageSrc: "http://img.b2bpic.net/free-photo/front-view-vegetable-salad-dark-background_179666-17227.jpg" },
{ id: "p5", brand: "Classic", name: "Paneer Makhani", price: "€15.90", rating: 5, reviewCount: "42", imageSrc: "http://img.b2bpic.net/free-photo/nutritious-indian-dosa-assortment_23-2149086070.jpg" },
{ id: "p6", brand: "Starter", name: "Tandoori Platter", price: "€19.90", rating: 5, reviewCount: "55", imageSrc: "http://img.b2bpic.net/free-photo/chicken-grill-with-vegetables-table_140725-9460.jpg" }
]}
title="Our Signature Dishes"
description="Discover our culinary masterclass menu."
/>
</div>
<div id="socialProof" data-section="socialProof">
<SocialProofOne
textboxLayout="default"
useInvertedBackground={false}
names={[
"The Guardian", "Gastronomy Monthly", "Spanish Food Times", "Travel Today", "Global Kitchens", "Culinary Weekly", "Daily Review"]}
title="As Seen In"
description="Critically acclaimed dining across the region."
/>
</div>
<div id="socialProof" data-section="socialProof">
<SocialProofOne
textboxLayout="default"
useInvertedBackground={false}
names={["The Guardian", "Gastronomy Monthly", "Spanish Food Times", "Travel Today", "Global Kitchens", "Culinary Weekly", "Daily Review"]}
title="As Seen In"
description="Critically acclaimed dining across the region."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardFive
textboxLayout="default"
useInvertedBackground={false}
testimonials={[
{
id: "t1", name: "Sarah Jenkins", date: "Jan 2025", title: "Midlands Nostalgia", quote: "Finally, a proper curry in Spain. Feels like home.", tag: "Authentic", avatarSrc: "http://img.b2bpic.net/free-photo/couple-having-date-together-luxurious-restaurant_23-2150517442.jpg", imageSrc: "http://img.b2bpic.net/free-photo/cheese-plate-with-crackers_140725-3367.jpg", imageAlt: "happy diner restaurant"},
{
id: "t2", name: "Carlos Gomez", date: "Dec 2024", title: "Sophisticated", quote: "The atmosphere under the stars is absolutely unique.", tag: "Premium", avatarSrc: "http://img.b2bpic.net/free-photo/low-angle-friends-shaking-hands_23-2148395404.jpg", imageSrc: "http://img.b2bpic.net/free-photo/top-view-tasty-salad-with-seasonings-white-floor-salad-vegetable-meal-food-health_140725-80755.jpg", imageAlt: "happy diner restaurant"},
{
id: "t3", name: "Liam Thompson", date: "Nov 2024", title: "Critic Endors "Critic Endorsed", quote: "Impeccable dining experience, truly elevated.", tag: "Excellent", avatarSrc: "http://img.b2bpic.net/free-photo/couple-having-date-together-luxurious-restaurant_23-2150517426.jpg", imageSrc: "http://img.b2bpic.net/free-photo/pre-prepared-food-showcasing-ready-eat-delicious-meals-go_23-2151246082.jpg", imageAlt: "happy diner restaurant"},
{
id: "t4", name: "Maria Elena", date: "Oct 2024", title: "Fantastic", quote: "The best curry experience in Almería. Highly recommended.", tag: "Great", avatarSrc: "http://img.b2bpic.net/free-photo/group-young-people-enjoying-food-wine_23-2148454126.jpg", imageSrc: "http://img.b2bpic.net/free-photo/azerbaijani-gutab-stuffed-flatbreads-with-herbs-meat-pumpkin_140725-1482.jpg", imageAlt: "happy diner restaurant"},
{
id: "t5", name: "James Smith", date: "Sep 2024", title: "Must Try", quote: "Loved every bit, the service is outstanding.", tag: "Delicious", avatarSrc: "http://img.b2bpic.net/free-photo/man-with-woman-sitting-table-cafe-drinking-red-wine_496169-278.jpg", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-dining-table-with-grapes_23-2150312235.jpg", imageAlt: "happy diner restaurant"},
]}
title="What Our Guests Say"
description="Authentic experiences worth talking about."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardFive
textboxLayout="default"
useInvertedBackground={false}
testimonials={[
{ id: "t1", name: "Sarah Jenkins", date: "Jan 2025", title: "Midlands Nostalgia", quote: "Finally, a proper curry in Spain. Feels like home.", tag: "Authentic", avatarSrc: "http://img.b2bpic.net/free-photo/couple-having-date-together-luxurious-restaurant_23-2150517442.jpg", imageSrc: "http://img.b2bpic.net/free-photo/cheese-plate-with-crackers_140725-3367.jpg", imageAlt: "happy diner restaurant" },
{ id: "t2", name: "Carlos Gomez", date: "Dec 2024", title: "Sophisticated", quote: "The atmosphere under the stars is absolutely unique.", tag: "Premium", avatarSrc: "http://img.b2bpic.net/free-photo/low-angle-friends-shaking-hands_23-2148395404.jpg", imageSrc: "http://img.b2bpic.net/free-photo/top-view-tasty-salad-with-seasonings-white-floor-salad-vegetable-meal-food-health_140725-80755.jpg", imageAlt: "happy diner restaurant" },
{ id: "t3", name: "Liam Thompson", date: "Nov 2024", title: "Critic Endorsed", quote: "Impeccable dining experience, truly elevated.", tag: "Excellent", avatarSrc: "http://img.b2bpic.net/free-photo/couple-having-date-together-luxurious-restaurant_23-2150517426.jpg", imageSrc: "http://img.b2bpic.net/free-photo/pre-prepared-food-showcasing-ready-eat-delicious-meals-go_23-2151246082.jpg", imageAlt: "happy diner restaurant" },
{ id: "t4", name: "Maria Elena", date: "Oct 2024", title: "Fantastic", quote: "The best curry experience in Almería. Highly recommended.", tag: "Great", avatarSrc: "http://img.b2bpic.net/free-photo/group-young-people-enjoying-food-wine_23-2148454126.jpg", imageSrc: "http://img.b2bpic.net/free-photo/azerbaijani-gutab-stuffed-flatbreads-with-herbs-meat-pumpkin_140725-1482.jpg", imageAlt: "happy diner restaurant" },
{ id: "t5", name: "James Smith", date: "Sep 2024", title: "Must Try", quote: "Loved every bit, the service is outstanding.", tag: "Delicious", avatarSrc: "http://img.b2bpic.net/free-photo/man-with-woman-sitting-table-cafe-drinking-red-wine_496169-278.jpg", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-dining-table-with-grapes_23-2150312235.jpg", imageAlt: "happy diner restaurant" }
]}
title="What Our Guests Say"
description="Authentic experiences worth talking about."
/>
</div>
<div id="faq" data-section="faq">
<FaqSplitMedia
textboxLayout="split"
useInvertedBackground={false}
faqs={[
{
id: "q1", title: "Do I need a reservation?", content: "Booking is highly recommended, especially on weekends."},
{
id: "q2", title: "Do you offer vegan options?", content: "Yes, we have a curated selection of vegan dishes."},
{
id: "q3", title: "Do you have two locations?", content: "Yes, we are located in both Almería and Vera."},
]}
title="Frequently Asked Questions"
description="Got questions? We have answers."
faqsAnimation="slide-up"
imageSrc="http://img.b2bpic.net/free-photo/top-view-roasted-eggplant-salad-bowl-different-spices-small-bowls-dark-surface_140725-88468.jpg"
mediaAnimation="slide-up"
/>
</div>
<div id="faq" data-section="faq">
<FaqSplitMedia
textboxLayout="split"
useInvertedBackground={false}
faqs={[
{ id: "q1", title: "Do I need a reservation?", content: "Booking is highly recommended, especially on weekends." },
{ id: "q2", title: "Do you offer vegan options?", content: "Yes, we have a curated selection of vegan dishes." },
{ id: "q3", title: "Do you have two locations?", content: "Yes, we are located in both Almería and Vera." }
]}
title="Frequently Asked Questions"
description="Got questions? We have answers."
faqsAnimation="slide-up"
imageSrc="http://img.b2bpic.net/free-photo/top-view-roasted-eggplant-salad-bowl-different-spices-small-bowls-dark-surface_140725-88468.jpg"
mediaAnimation="slide-up"
/>
</div>
<div id="contact" data-section="contact">
<ContactSplitForm
useInvertedBackground={false}
title="Book Your Table"
description="Reserve your spot under the stars."
inputs={[
{
name: "name", type: "text", placeholder: "Your Name", required: true,
},
{
name: "email", type: "email", placeholder: "Email Address", required: true,
},
]}
mediaPosition="right"
imageSrc="http://img.b2bpic.net/free-photo/high-angle-dining-table-arrangement_23-2150312216.jpg"
/>
</div>
<div id="contact" data-section="contact">
<ContactSplitForm
useInvertedBackground={false}
title="Book Your Table"
description="Reserve your spot under the stars."
inputs={[
{ name: "name", type: "text", placeholder: "Your Name", required: true },
{ name: "email", type: "email", placeholder: "Email Address", required: true }
]}
mediaPosition="right"
imageSrc="http://img.b2bpic.net/free-photo/high-angle-dining-table-arrangement_23-2150312216.jpg"
/>
</div>
<div id="footer" data-section="footer">
<FooterMedia
imageSrc="http://img.b2bpic.net/free-photo/gold-background-with-bokeh-lights-blurry-background_91008-544.jpg"
logoText="Spice Hut"
columns={[
{
title: "Menu", items: [
{
label: "Lunch", href: "#products"},
{
label: "Dinner", href: "#products"},
],
},
{
title: "Locations", items: [
{
label: "Almería", href: "#"},
{
label: "Vera", href: "#"},
],
},
]}
/>
</div>
<div id="footer" data-section="footer">
<FooterMedia
imageSrc="http://img.b2bpic.net/free-photo/gold-background-with-bokeh-lights-blurry-background_91008-544.jpg"
logoText="Spice Hut"
columns={[
{
title: "Menu", items: [
{ label: "Lunch", href: "#products" },
{ label: "Dinner", href: "#products" }
]
},
{
title: "Locations", items: [
{ label: "Almería", href: "#" },
{ label: "Vera", href: "#" }
]
}
]}
/>
</div>
</ReactLenis>
</ThemeProvider>
);