Compare commits
2 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 83c7978139 | |||
| 709942f8cc |
253
src/app/page.tsx
253
src/app/page.tsx
@@ -3,7 +3,6 @@
|
|||||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||||
import ReactLenis from "lenis/react";
|
import ReactLenis from "lenis/react";
|
||||||
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
||||||
import FaqBase from '@/components/sections/faq/FaqBase';
|
|
||||||
import FooterMedia from '@/components/sections/footer/FooterMedia';
|
import FooterMedia from '@/components/sections/footer/FooterMedia';
|
||||||
import HeroOverlay from '@/components/sections/hero/HeroOverlay';
|
import HeroOverlay from '@/components/sections/hero/HeroOverlay';
|
||||||
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
|
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
|
||||||
@@ -30,62 +29,21 @@ export default function LandingPage() {
|
|||||||
<div id="nav" data-section="nav">
|
<div id="nav" data-section="nav">
|
||||||
<NavbarStyleFullscreen
|
<NavbarStyleFullscreen
|
||||||
navItems={[
|
navItems={[
|
||||||
{
|
{ name: "Home", id: "hero" },
|
||||||
name: "Home",
|
{ name: "About", id: "about" },
|
||||||
id: "hero",
|
{ name: "Menu", id: "menu" },
|
||||||
},
|
{ name: "Contact", id: "contact" },
|
||||||
{
|
|
||||||
name: "About",
|
|
||||||
id: "about",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: "Menu",
|
|
||||||
id: "menu",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: "Contact",
|
|
||||||
id: "contact",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
brandName="Fumes And Flames"
|
brandName="FUMES AND FLAMES"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="hero" data-section="hero">
|
<div id="hero" data-section="hero">
|
||||||
<HeroOverlay
|
<HeroOverlay
|
||||||
title="Ignite Your Senses at Fumes And Flames"
|
title="FUMES AND FLAMES"
|
||||||
description="Experience authentic Indian flavors crafted with passion and traditional spices. From tandoor fires to your plate."
|
description="Authentic Indian flavors crafted with passion and traditional spices. From tandoor fires to your plate."
|
||||||
buttons={[
|
buttons={[{ text: "Book Your Table", href: "#contact" }]}
|
||||||
{
|
|
||||||
text: "Book Your Table",
|
|
||||||
href: "#contact",
|
|
||||||
},
|
|
||||||
]}
|
|
||||||
imageSrc="http://img.b2bpic.net/free-photo/top-view-indian-food-frame-with-copy-space_23-2148747627.jpg"
|
imageSrc="http://img.b2bpic.net/free-photo/top-view-indian-food-frame-with-copy-space_23-2148747627.jpg"
|
||||||
showBlur={true}
|
|
||||||
avatars={[
|
|
||||||
{
|
|
||||||
src: "http://img.b2bpic.net/free-photo/delicious-indian-thali-with-naan-rice_23-2152002820.jpg",
|
|
||||||
alt: "Happy diner 1",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
src: "http://img.b2bpic.net/free-photo/festive-indian-thali-with-candles_23-2152002834.jpg",
|
|
||||||
alt: "Happy diner 2",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
src: "http://img.b2bpic.net/free-photo/closeup-shot-indian-tasty-food-called-marwari-veg-thali-wooden-table_181624-58043.jpg",
|
|
||||||
alt: "Happy diner 3",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
src: "http://img.b2bpic.net/free-photo/frying-pan-with-rice-dish-kitchen_23-2147894742.jpg",
|
|
||||||
alt: "Happy diner 4",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
src: "http://img.b2bpic.net/free-photo/man-presents-girl-ring_1398-4220.jpg",
|
|
||||||
alt: "Happy diner 5",
|
|
||||||
},
|
|
||||||
]}
|
|
||||||
avatarText="Join our 500+ happy guests"
|
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@@ -93,15 +51,8 @@ export default function LandingPage() {
|
|||||||
<InlineImageSplitTextAbout
|
<InlineImageSplitTextAbout
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
heading={[
|
heading={[
|
||||||
{
|
{ type: "text", content: "About Us" },
|
||||||
type: "text",
|
{ type: "image", src: "http://img.b2bpic.net/free-photo/view-castle-kitchen_23-2150844331.jpg" }
|
||||||
content: "About Fumes And Flames",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
type: "image",
|
|
||||||
src: "http://img.b2bpic.net/free-photo/view-castle-kitchen_23-2150844331.jpg",
|
|
||||||
alt: "Chef at work",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
@@ -112,199 +63,55 @@ export default function LandingPage() {
|
|||||||
textboxLayout="default"
|
textboxLayout="default"
|
||||||
gridVariant="three-columns-all-equal-width"
|
gridVariant="three-columns-all-equal-width"
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
|
description="Our chefs pick the best authentic ingredients."
|
||||||
products={[
|
products={[
|
||||||
{
|
{ id: "m1", name: "Butter Chicken", price: "₹280", variant: "Non-Veg", imageSrc: "http://img.b2bpic.net/free-photo/goulash-soup-wood_1150-12280.jpg" },
|
||||||
id: "m1",
|
{ id: "m2", name: "Dal Makhani", price: "₹220", variant: "Veg", imageSrc: "http://img.b2bpic.net/free-photo/concept-tasty-food-sweet-potato-puree_185193-109284.jpg" },
|
||||||
name: "Butter Chicken",
|
{ id: "m3", name: "Paneer Tikka", price: "₹320", variant: "Veg", imageSrc: "http://img.b2bpic.net/free-photo/fried-tofu-healthy-food_1339-6893.jpg" }
|
||||||
price: "₹280",
|
|
||||||
variant: "Non-Veg",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/goulash-soup-wood_1150-12280.jpg",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "m2",
|
|
||||||
name: "Dal Makhani",
|
|
||||||
price: "₹220",
|
|
||||||
variant: "Veg",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/concept-tasty-food-sweet-potato-puree_185193-109284.jpg",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "m3",
|
|
||||||
name: "Paneer Tikka",
|
|
||||||
price: "₹320",
|
|
||||||
variant: "Veg",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/fried-tofu-healthy-food_1339-6893.jpg",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "m4",
|
|
||||||
name: "Veg Biryani",
|
|
||||||
price: "₹250",
|
|
||||||
variant: "Veg",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-hands-holding-fresh-delicious-vegan-salad-with-various-organic-vegetables_140725-135196.jpg",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "m5",
|
|
||||||
name: "Chicken Biryani",
|
|
||||||
price: "₹300",
|
|
||||||
variant: "Non-Veg",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-pakistan-dish-assortment_23-2148821520.jpg",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "m6",
|
|
||||||
name: "Naan",
|
|
||||||
price: "₹40",
|
|
||||||
variant: "Veg",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-assortment-traditional-roti_23-2149033993.jpg",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
title="Our Signature Menu"
|
title="Our Menu"
|
||||||
description="Authentic flavors, traditional techniques."
|
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="metrics" data-section="metrics">
|
<div id="metrics" data-section="metrics">
|
||||||
<MetricCardEleven
|
<MetricCardEleven
|
||||||
animationType="slide-up"
|
animationType="slide-up"
|
||||||
textboxLayout="split"
|
title="Opening Hours"
|
||||||
|
description="10 AM - 11 PM Daily"
|
||||||
|
metrics={[]}
|
||||||
|
textboxLayout="default"
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
metrics={[
|
|
||||||
{
|
|
||||||
id: "h1",
|
|
||||||
value: "10 AM",
|
|
||||||
title: "Opening Time",
|
|
||||||
description: "Daily",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-roti-arrangement-table-with-copy-space_23-2149033990.jpg",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "h2",
|
|
||||||
value: "11 PM",
|
|
||||||
title: "Closing Time",
|
|
||||||
description: "Daily",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/spices-around-frying-pan-with-chicken-kebab_23-2147894624.jpg",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "h3",
|
|
||||||
value: "7 Days",
|
|
||||||
title: "Availability",
|
|
||||||
description: "Open All Week",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-vegetable-salad-inside-tray-grey-background_140725-125700.jpg",
|
|
||||||
},
|
|
||||||
]}
|
|
||||||
title="Visit Us"
|
|
||||||
description="Convenient opening hours for your next visit."
|
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="testimonials" data-section="testimonials">
|
<div id="testimonials" data-section="testimonials">
|
||||||
<TestimonialCardTwelve
|
<TestimonialCardTwelve
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
testimonials={[
|
cardTitle="Customer Reviews"
|
||||||
{
|
cardTag="Testimonials"
|
||||||
id: "t1",
|
|
||||||
name: "Ananya Sharma",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-young-man-eating-croissant-cafe_1170-629.jpg",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "t2",
|
|
||||||
name: "Rahul Verma",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/group-friends-dining-out_23-2149187206.jpg",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "t3",
|
|
||||||
name: "Priya Singh",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-people-hanging-out_23-2149436788.jpg",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "t4",
|
|
||||||
name: "Vikram Seth",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/guys-breakfast_1098-14577.jpg",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "t5",
|
|
||||||
name: "Sonia Mehta",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/young-adults-having-party-home_23-2149215911.jpg",
|
|
||||||
},
|
|
||||||
]}
|
|
||||||
cardTitle="What People Say"
|
|
||||||
cardAnimation="slide-up"
|
cardAnimation="slide-up"
|
||||||
cardTag="Reviews"
|
testimonials={[
|
||||||
/>
|
{ id: "t1", name: "John Doe", imageSrc: "" },
|
||||||
</div>
|
{ id: "t2", name: "Jane Smith", imageSrc: "" }
|
||||||
|
|
||||||
<div id="faq" data-section="faq">
|
|
||||||
<FaqBase
|
|
||||||
textboxLayout="default"
|
|
||||||
useInvertedBackground={false}
|
|
||||||
faqs={[
|
|
||||||
{
|
|
||||||
id: "f1",
|
|
||||||
title: "Do you accept reservations?",
|
|
||||||
content: "Yes, please contact us to book your table.",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "f2",
|
|
||||||
title: "Are you open on holidays?",
|
|
||||||
content: "We operate daily from 10 AM to 11 PM.",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "f3",
|
|
||||||
title: "Is the restaurant family-friendly?",
|
|
||||||
content: "Absolutely, we welcome families for all occasions.",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
title="Questions?"
|
|
||||||
description="Answers to commonly asked questions."
|
|
||||||
faqsAnimation="slide-up"
|
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="contact" data-section="contact">
|
<div id="contact" data-section="contact">
|
||||||
<ContactCenter
|
<ContactCenter
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
background={{
|
tag="Contact"
|
||||||
variant: "gradient-bars",
|
background={{ variant: "gradient-bars" }}
|
||||||
}}
|
title="Contact & Reservations"
|
||||||
tag="Reserve Now"
|
description="Address: 2nd - 3rd floor, A-1 Rajeev chauraha, Rk colony Bhilwara Rajasthan 311001. Call: 8875353533"
|
||||||
title="Book Your Table"
|
|
||||||
description="Call or message us to secure your spot."
|
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="footer" data-section="footer">
|
<div id="footer" data-section="footer">
|
||||||
<FooterMedia
|
<FooterMedia
|
||||||
imageSrc="http://img.b2bpic.net/free-photo/green-orange-holi-powder-splatter-black-background_23-2147924561.jpg"
|
imageSrc="http://img.b2bpic.net/free-photo/green-orange-holi-powder-splatter-black-background_23-2147924561.jpg"
|
||||||
logoText="Fumes And Flames"
|
logoText="FUMES AND FLAMES"
|
||||||
columns={[
|
columns={[]}
|
||||||
{
|
|
||||||
title: "Quick Links",
|
|
||||||
items: [
|
|
||||||
{
|
|
||||||
label: "Home",
|
|
||||||
href: "#hero",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
label: "Menu",
|
|
||||||
href: "#menu",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
label: "Contact",
|
|
||||||
href: "#contact",
|
|
||||||
},
|
|
||||||
],
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: "Legal",
|
|
||||||
items: [
|
|
||||||
{
|
|
||||||
label: "Privacy Policy",
|
|
||||||
href: "#",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
label: "Terms",
|
|
||||||
href: "#",
|
|
||||||
},
|
|
||||||
],
|
|
||||||
},
|
|
||||||
]}
|
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
</ReactLenis>
|
</ReactLenis>
|
||||||
|
|||||||
Reference in New Issue
Block a user