Merge version_2 into main #4
187
src/app/page.tsx
187
src/app/page.tsx
@@ -4,13 +4,13 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import AboutMetric from '@/components/sections/about/AboutMetric';
|
||||
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
||||
import FeatureCardThree from '@/components/sections/feature/featureCardThree/FeatureCardThree';
|
||||
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
|
||||
import HeroSplitDualMedia from '@/components/sections/hero/HeroSplitDualMedia';
|
||||
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
||||
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
||||
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
|
||||
import { Flame, Sparkles, Utensils } from "lucide-react";
|
||||
import FeatureCardTwelve from '@/components/sections/feature/FeatureCardTwelve';
|
||||
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
|
||||
import HeroBillboardTestimonial from '@/components/sections/hero/HeroBillboardTestimonial';
|
||||
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
||||
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
|
||||
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
|
||||
import { Flame, Sparkles, Utensils, Star } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -28,45 +28,35 @@ export default function LandingPage() {
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Experience", id: "about"},
|
||||
{
|
||||
name: "Menu", id: "menu"},
|
||||
{
|
||||
name: "Book", id: "booking"},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Experience", id: "about" },
|
||||
{ name: "Menu", id: "menu" },
|
||||
{ name: "Book", id: "booking" },
|
||||
]}
|
||||
brandName="Desi 2"
|
||||
button={{
|
||||
text: "Book Now", href: "#booking"}}
|
||||
button={{ text: "Book Now", href: "#booking" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{
|
||||
variant: "radial-gradient"}}
|
||||
<HeroBillboardTestimonial
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
title="Not Your Average Curry House."
|
||||
description="Bold spice. Fire-grilled perfection. The home of unforgettable flavour."
|
||||
tag="Home of Spice"
|
||||
buttons={[
|
||||
{
|
||||
text: "Book a Table", href: "#booking"},
|
||||
{
|
||||
text: "View Menu", href: "#menu"},
|
||||
{ text: "Book a Table", href: "#booking" },
|
||||
{ text: "View Menu", href: "#menu" },
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-street-food-neon-light_23-2151571782.jpg", imageAlt: "Sizzling mixed grill and curry"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bbq-with-toppings-sausages-dish-open-air_1268-16584.jpg?_wi=1", imageAlt: "Dramatic food lighting"},
|
||||
testimonials={[
|
||||
{ name: "Sarah J.", handle: "@foodie", testimonial: "The best grill I've ever had.", rating: 5 },
|
||||
{ name: "Mark D.", handle: "@local", testimonial: "Authentic, spicy, and perfectly charred.", rating: 5 }
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
rating={5}
|
||||
ratingText="Rated 5★ by locals"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/close-up-street-food-neon-light_23-2151571782.jpg"
|
||||
imageAlt="Sizzling Grill"
|
||||
mediaAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -75,141 +65,80 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="Signature Experience"
|
||||
metrics={[
|
||||
{
|
||||
icon: Flame,
|
||||
label: "Flame-grilled", value: "Freshly cooked"},
|
||||
{
|
||||
icon: Sparkles,
|
||||
label: "Authentic", value: "No compromise"},
|
||||
{
|
||||
icon: Utensils,
|
||||
label: "Mastery", value: "Bold spice"},
|
||||
{ icon: Flame, label: "Flame-grilled", value: "Freshly cooked" },
|
||||
{ icon: Sparkles, label: "Authentic", value: "No compromise" },
|
||||
{ icon: Utensils, label: "Mastery", value: "Bold spice" },
|
||||
]}
|
||||
metricsAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardThree
|
||||
<FeatureCardTwelve
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="bento-grid"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Flame-grilled to order", description: "Authentic, charred perfection.", imageSrc: "http://img.b2bpic.net/free-photo/luxury-meeting-dining-room-table-multiple-chairs_114579-2067.jpg"},
|
||||
{
|
||||
title: "Spice levels tailored to you", description: "We make it how you like it.", imageSrc: "http://img.b2bpic.net/free-photo/bbq-with-toppings-sausages-dish-open-air_1268-16584.jpg?_wi=2"},
|
||||
{
|
||||
title: "Live sports & great drinks", description: "Social hotspot vibes.", imageSrc: "http://img.b2bpic.net/free-photo/waitress-near-display-case-with-tartines_23-2147830513.jpg"},
|
||||
]}
|
||||
title="Why Desi 2?"
|
||||
description="More than just a meal—an atmosphere designed for memories."
|
||||
description="Atmosphere designed for memories and authentic bold flavors."
|
||||
features={[
|
||||
{ id: "1", label: "Grill", title: "Flame-grilled to order", items: ["Charred perfection", "Fresh spices"] },
|
||||
{ id: "2", label: "Custom", title: "Spice your way", items: ["Tailored heat", "Expert craft"] },
|
||||
{ id: "3", label: "Social", title: "Vibrant atmosphere", items: ["Live sports", "Premium drinks"] },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSix
|
||||
animationType="opacity"
|
||||
textboxLayout="default"
|
||||
<TestimonialCardTen
|
||||
title="What Locals Say"
|
||||
description="Authenticity you can taste."
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1", name: "Sarah J.", handle: "@localfoodie", testimonial: "Best mixed grill in the West Midlands — simple!!", imageSrc: "http://img.b2bpic.net/free-photo/couple-enjoying-food-restaurant_23-2149269174.jpg"},
|
||||
{
|
||||
id: "2", name: "Mark D.", handle: "@diningexpert", testimonial: "The best curries I have ever had.", imageSrc: "http://img.b2bpic.net/free-photo/lovely-family-enjoying-new-year-party_23-2149173252.jpg"},
|
||||
{
|
||||
id: "3", name: "Emily R.", handle: "@spicefan", testimonial: "Perfect heat — not just in Indian food, but any food I’ve ever had.", imageSrc: "http://img.b2bpic.net/free-photo/authentic-book-club-scene_23-2150104578.jpg"},
|
||||
{
|
||||
id: "4", name: "David K.", handle: "@localwestmid", testimonial: "Amazing food, fantastic atmosphere, every time.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-nice-old-man-smiling-camera-restaurant-man-his-sixties-adult-man_482257-19910.jpg"},
|
||||
{
|
||||
id: "5", name: "Anita M.", handle: "@foodlover", testimonial: "Friendly staff, great drinks, and top-class grill. Spice is real here!", imageSrc: "http://img.b2bpic.net/free-photo/joyful-multiethnic-people-dining-room-celebrating-winter-holiday-with-traditional-home-cooked-food-happy-festive-family-enjoying-christmas-dinner-home-while-eating-together-handheld-shot_482257-48674.jpg"},
|
||||
{ id: "1", title: "Amazing Experience", quote: "Best mixed grill in the West Midlands", name: "Sarah J.", role: "Local Foodie" },
|
||||
{ id: "2", title: "Pure Perfection", quote: "The best curries I have ever had.", name: "Mark D.", role: "Expert" },
|
||||
]}
|
||||
title="What Locals Say"
|
||||
description="Authenticity you can taste. Reputation we stand by."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="menu" data-section="menu">
|
||||
<ProductCardThree
|
||||
animationType="scale-rotate"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
<ProductCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1", name: "Mixed Grill", price: "£18", imageSrc: "http://img.b2bpic.net/free-photo/traditional-persian-herb-stew-with-rice-spices_140725-7194.jpg?_wi=1"},
|
||||
{
|
||||
id: "2", name: "Butter Chicken", price: "£14", imageSrc: "http://img.b2bpic.net/free-photo/traditional-persian-herb-stew-with-rice-spices_140725-7194.jpg?_wi=2"},
|
||||
{
|
||||
id: "3", name: "Lamb Curry", price: "£15", imageSrc: "http://img.b2bpic.net/free-photo/traditional-persian-herb-stew-with-rice-spices_140725-7194.jpg?_wi=3"},
|
||||
{
|
||||
id: "4", name: "Tandoori Special", price: "£17", imageSrc: "http://img.b2bpic.net/free-photo/traditional-persian-herb-stew-with-rice-spices_140725-7194.jpg?_wi=4"},
|
||||
{
|
||||
id: "5", name: "Veg Platter", price: "£12", imageSrc: "http://img.b2bpic.net/free-photo/traditional-persian-herb-stew-with-rice-spices_140725-7194.jpg?_wi=5"},
|
||||
{
|
||||
id: "6", name: "House Curry", price: "£13", imageSrc: "http://img.b2bpic.net/free-photo/traditional-persian-herb-stew-with-rice-spices_140725-7194.jpg?_wi=6"},
|
||||
]}
|
||||
title="Menu Highlights"
|
||||
description="Authentic recipes, fresh ingredients."
|
||||
description="Fresh ingredients, traditional spice."
|
||||
products={[
|
||||
{ id: "1", brand: "Grill", name: "Mixed Grill", price: "£18", rating: 5, reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/traditional-persian-herb-stew-with-rice-spices_140725-7194.jpg?_wi=1" },
|
||||
{ id: "2", brand: "Curry", name: "Butter Chicken", price: "£14", rating: 5, reviewCount: "85", imageSrc: "http://img.b2bpic.net/free-photo/traditional-persian-herb-stew-with-rice-spices_140725-7194.jpg?_wi=2" },
|
||||
{ id: "3", brand: "Curry", name: "Lamb Curry", price: "£15", rating: 5, reviewCount: "92", imageSrc: "http://img.b2bpic.net/free-photo/traditional-persian-herb-stew-with-rice-spices_140725-7194.jpg?_wi=3" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="booking" data-section="booking">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain"}}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
tag="Reserve Today"
|
||||
title="Reserve Your Table Tonight"
|
||||
description="Walk-ins welcome, but tables fill fast. Secure your spot now."
|
||||
description="Tables fill fast. Secure your spot now."
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Now", href: "#"},
|
||||
{
|
||||
text: "Call Us", href: "tel:+440000000000"},
|
||||
{ text: "Book Now", href: "#" },
|
||||
{ text: "Call Us", href: "tel:+440000000000" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Home", href: "#hero"},
|
||||
{
|
||||
label: "About", href: "#about"},
|
||||
{
|
||||
label: "Menu", href: "#menu"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Booking", href: "#booking"},
|
||||
{
|
||||
label: "Careers", href: "#"},
|
||||
{
|
||||
label: "Privacy", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Instagram", href: "#"},
|
||||
{
|
||||
label: "Facebook", href: "#"},
|
||||
{
|
||||
label: "Twitter", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
<FooterLogoReveal
|
||||
logoText="Desi 2"
|
||||
leftLink={{ text: "Privacy Policy", href: "#" }}
|
||||
rightLink={{ text: "© 2024 Desi 2", href: "#" }}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user