Merge version_2 into main #3
183
src/app/page.tsx
183
src/app/page.tsx
@@ -5,7 +5,7 @@ import ReactLenis from "lenis/react";
|
||||
import ContactFaq from '@/components/sections/contact/ContactFaq';
|
||||
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
|
||||
import FooterCard from '@/components/sections/footer/FooterCard';
|
||||
import HeroLogoBillboardSplit from '@/components/sections/hero/HeroLogoBillboardSplit';
|
||||
import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
|
||||
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
||||
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
||||
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
|
||||
@@ -30,46 +30,27 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "menu",
|
||||
},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Menu", id: "menu" },
|
||||
{ name: "Reviews", id: "testimonials" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Ember & Spice"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogoBillboardSplit
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
logoText="Ember & Spice"
|
||||
description="Warning: You may fall in love after the first bite. Fusion food so good, even your diet will forgive you. Where warmth, flavor, and unforgettable moments meet every single night."
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Your Table Now",
|
||||
href: "#contact",
|
||||
},
|
||||
<HeroBillboardGallery
|
||||
background={{ variant: "radial-gradient" }}
|
||||
title="Ember & Spice"
|
||||
description="Fusion food so good, even your diet will forgive you. Experience flavors that define moments."
|
||||
buttons={[{ text: "Book Your Table Now", href: "#contact" }]}
|
||||
mediaItems={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/top-view-people-holding-drinks_23-2150124821.jpg", imageAlt: "Ember & Spice Atmosphere" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-professional-chef-working_23-2151232209.jpg", imageAlt: "Culinary Artistry" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/ice-cream-slice-syrup-dried-figs_141793-1202.jpg", imageAlt: "Signature Dish" }
|
||||
]}
|
||||
layoutOrder="default"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/top-view-people-holding-drinks_23-2150124821.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
@@ -94,24 +75,9 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Ember Smoked Ribs",
|
||||
price: "$32",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/ice-cream-slice-syrup-dried-figs_141793-1202.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Spice-Infused Sea Bass",
|
||||
price: "$28",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/grilled-eggplant-slices-with-pesto-yogurt-sauce_114579-2129.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Fusion Garden Harvest",
|
||||
price: "$22",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/traditional-dish-three-sisters-dolma-bell-pepper-tomato-eggplant-filled-by-minced-meat-basil-side-view_141793-4224.jpg",
|
||||
},
|
||||
{ id: "1", name: "Ember Smoked Ribs", price: "$32", imageSrc: "http://img.b2bpic.net/free-photo/ice-cream-slice-syrup-dried-figs_141793-1202.jpg" },
|
||||
{ id: "2", name: "Spice-Infused Sea Bass", price: "$28", imageSrc: "http://img.b2bpic.net/free-photo/grilled-eggplant-slices-with-pesto-yogurt-sauce_114579-2129.jpg" },
|
||||
{ id: "3", name: "Fusion Garden Harvest", price: "$22", imageSrc: "http://img.b2bpic.net/free-photo/traditional-dish-three-sisters-dolma-bell-pepper-tomato-eggplant-filled-by-minced-meat-basil-side-view_141793-4224.jpg" },
|
||||
]}
|
||||
title="Savor the Fusion"
|
||||
description="Explore our curated menu of signature fusion dishes, each telling a story of global inspiration and local ingredients."
|
||||
@@ -124,60 +90,14 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah J.",
|
||||
role: "Foodie",
|
||||
company: "Local Foodie",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/couple-bar-laughing-with-beer_23-2147681002.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Mark D.",
|
||||
role: "Regular",
|
||||
company: "City Center",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/group-young-women-having-dinner-wine-together_23-2148454135.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Elena R.",
|
||||
role: "Visitor",
|
||||
company: "Culinary Blog",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-entrepreneur-taking-phone-while-having-coffee-break-cafe_637285-8857.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "David L.",
|
||||
role: "Event Planner",
|
||||
company: "Private Groups",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-friends-with-drinks_23-2149073439.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Jessica M.",
|
||||
role: "Local Critic",
|
||||
company: "Dining Daily",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/couple-bar-laughing-with-beer_23-2147681002.jpg?_wi=2",
|
||||
},
|
||||
{ id: "1", name: "Sarah J.", role: "Foodie", company: "Local Foodie", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/couple-bar-laughing-with-beer_23-2147681002.jpg?_wi=1" },
|
||||
{ id: "2", name: "Mark D.", role: "Regular", company: "City Center", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/group-young-women-having-dinner-wine-together_23-2148454135.jpg" },
|
||||
{ id: "3", name: "Elena R.", role: "Visitor", company: "Culinary Blog", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/happy-entrepreneur-taking-phone-while-having-coffee-break-cafe_637285-8857.jpg" },
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "4.9",
|
||||
label: "Rating",
|
||||
},
|
||||
{
|
||||
value: "10k+",
|
||||
label: "Happy Diners",
|
||||
},
|
||||
{
|
||||
value: "50+",
|
||||
label: "Signature Dishes",
|
||||
},
|
||||
{ value: "4.9", label: "Rating" },
|
||||
{ value: "10k+", label: "Happy Diners" },
|
||||
{ value: "50+", label: "Signature Dishes" },
|
||||
]}
|
||||
title="Loved By Our Guests"
|
||||
description="Hear from our guests about their unforgettable dining experiences at Ember & Spice."
|
||||
@@ -188,21 +108,9 @@ export default function LandingPage() {
|
||||
<FaqSplitText
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Do I need a reservation?",
|
||||
content: "Yes, we highly recommend booking in advance, especially on weekends, to secure your preferred table.",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Can you host private events?",
|
||||
content: "Absolutely! We specialize in hosting private corporate events, birthday parties, and special celebrations.",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Are there vegetarian options?",
|
||||
content: "Our menu features carefully crafted vegetarian and vegan fusion dishes designed to satisfy everyone.",
|
||||
},
|
||||
{ id: "1", title: "Do I need a reservation?", content: "Yes, we highly recommend booking in advance, especially on weekends, to secure your preferred table." },
|
||||
{ id: "2", title: "Can you host private events?", content: "Absolutely! We specialize in hosting private corporate events, birthday parties, and special celebrations." },
|
||||
{ id: "3", title: "Are there vegetarian options?", content: "Our menu features carefully crafted vegetarian and vegan fusion dishes designed to satisfy everyone." },
|
||||
]}
|
||||
sideTitle="Common Questions"
|
||||
sideDescription="Need more info? We’ve answered some common questions to help you prepare for your visit."
|
||||
@@ -215,23 +123,12 @@ export default function LandingPage() {
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "loc",
|
||||
title: "Where are you located?",
|
||||
content: "123 Flavor Lane, Gourmet District.",
|
||||
},
|
||||
{
|
||||
id: "hours",
|
||||
title: "What are your hours?",
|
||||
content: "Daily from 5 PM to 11 PM.",
|
||||
},
|
||||
{ id: "loc", title: "Where are you located?", content: "123 Flavor Lane, Gourmet District." },
|
||||
{ id: "hours", title: "What are your hours?", content: "Daily from 5 PM to 11 PM." },
|
||||
]}
|
||||
ctaTitle="Ready to Experience Ember & Spice?"
|
||||
ctaDescription="Join us for an unforgettable evening. Secure your table online now."
|
||||
ctaButton={{
|
||||
text: "Book Table",
|
||||
href: "https://booking.example.com",
|
||||
}}
|
||||
ctaButton={{ text: "Book Table", href: "https://booking.example.com" }}
|
||||
ctaIcon={Calendar}
|
||||
/>
|
||||
</div>
|
||||
@@ -241,25 +138,13 @@ export default function LandingPage() {
|
||||
logoText="Ember & Spice"
|
||||
copyrightText="© 2025 | Ember & Spice. All rights reserved."
|
||||
socialLinks={[
|
||||
{
|
||||
icon: Instagram,
|
||||
href: "#",
|
||||
ariaLabel: "Instagram",
|
||||
},
|
||||
{
|
||||
icon: Facebook,
|
||||
href: "#",
|
||||
ariaLabel: "Facebook",
|
||||
},
|
||||
{
|
||||
icon: Twitter,
|
||||
href: "#",
|
||||
ariaLabel: "Twitter",
|
||||
},
|
||||
{ icon: Instagram, href: "#", ariaLabel: "Instagram" },
|
||||
{ icon: Facebook, href: "#", ariaLabel: "Facebook" },
|
||||
{ icon: Twitter, href: "#", ariaLabel: "Twitter" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user