Compare commits
4 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 559e06d2e9 | |||
| 120dd54213 | |||
| 63b49d41b1 | |||
| e1265af855 |
281
src/app/page.tsx
281
src/app/page.tsx
@@ -2,14 +2,14 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
||||
import FooterMedia from '@/components/sections/footer/FooterMedia';
|
||||
import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
|
||||
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
||||
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
||||
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
|
||||
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
|
||||
import { CheckCircle } from "lucide-react";
|
||||
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
||||
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
|
||||
import HeroSplit from '@/components/sections/hero/HeroSplit';
|
||||
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
||||
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
||||
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
|
||||
import AboutMetric from '@/components/sections/about/AboutMetric';
|
||||
import { Star, CheckCircle, Award, Users } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -27,282 +27,93 @@ export default function LandingPage() {
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Présentation",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "menu",
|
||||
},
|
||||
{
|
||||
name: "Avis",
|
||||
id: "reviews",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Présentation", id: "about" },
|
||||
{ name: "Menu", id: "menu" },
|
||||
{ name: "Avis", id: "reviews" },
|
||||
{ name: "Contact", id: "contact" }
|
||||
]}
|
||||
brandName="Taj Restaurant"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitKpi
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
<HeroSplit
|
||||
background={{ variant: "plain" }}
|
||||
title="Authentic Indian Cuisine in Muscat"
|
||||
description="Taj Restaurant | مطعم تاج offers a cozy dining experience, authentic flavors, and impeccable service in the heart of Al Ghubrah."
|
||||
kpis={[
|
||||
{
|
||||
value: "4.6",
|
||||
label: "Google Rating",
|
||||
},
|
||||
{
|
||||
value: "556+",
|
||||
label: "Customer Reviews",
|
||||
},
|
||||
{
|
||||
value: "2-4 OMR",
|
||||
label: "Price Per Person",
|
||||
},
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
buttons={[
|
||||
{
|
||||
text: "Reserve a Table",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Reserve a Table", href: "#contact" }]}
|
||||
mediaAnimation="slide-up"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/top-view-tasty-cooked-potatoes-delicious-dish-with-greens-dark-desk-potato-dinner-cooking-meal-dish_140725-102131.jpg?_wi=1"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/couple-restaurant_23-2148006701.jpg",
|
||||
alt: "Diner 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/elegant-couple-spend-time-restaurant_1157-20500.jpg",
|
||||
alt: "Diner 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/healthy-breakfast-concept-with-modern-woman_23-2148115601.jpg",
|
||||
alt: "Diner 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-smiling-young-woman-eating-chocolate-muffin-paper-holder_23-2147974666.jpg",
|
||||
alt: "Diner 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/cheerful-couple-talking-while-eating-lunch-restaurant_637285-9017.jpg",
|
||||
alt: "Diner 5",
|
||||
},
|
||||
]}
|
||||
avatarText="Join 500+ happy guests"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Authentic Spices",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Family Friendly",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Outdoor Terrace",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Private Dining",
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Halal Certified",
|
||||
icon: CheckCircle,
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TextSplitAbout
|
||||
useInvertedBackground={false}
|
||||
title="Présentation"
|
||||
description={[
|
||||
"Welcome to Taj Restaurant | مطعم تاج. We pride ourselves on offering the most authentic Indian dining experience in Muscat.",
|
||||
"Enjoy our diverse buffet options, terrace seating for relaxing evenings, or book our private dining rooms for special occasions.",
|
||||
"Visit us near Indian School Al Ghubrah, Muscat 130. We are open daily until midnight.",
|
||||
<AboutMetric
|
||||
title="Our Commitment to Excellence"
|
||||
metrics={[
|
||||
{ icon: Award, label: "Years of Flavor", value: "10+" },
|
||||
{ icon: Users, label: "Happy Guests", value: "5000+" },
|
||||
{ icon: Star, label: "Google Rating", value: "4.6" }
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="menu" data-section="menu">
|
||||
<ProductCardFour
|
||||
<ProductCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Butter Chicken",
|
||||
price: "3.5 OMR",
|
||||
variant: "Classic",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-tasty-cooked-potatoes-delicious-dish-with-greens-dark-desk-potato-dinner-cooking-meal-dish_140725-102131.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Biryani Special",
|
||||
price: "4.0 OMR",
|
||||
variant: "Signature",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-tasty-cooked-potatoes-delicious-dish-with-greens-dark-desk-potato-dinner-cooking-meal-dish_140725-102131.jpg?_wi=3",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Paneer Tikka",
|
||||
price: "2.5 OMR",
|
||||
variant: "Vegetarian",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-tasty-cooked-potatoes-delicious-dish-with-greens-dark-desk-potato-dinner-cooking-meal-dish_140725-102131.jpg?_wi=4",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Naan Basket",
|
||||
price: "1.0 OMR",
|
||||
variant: "Side",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-tasty-cooked-potatoes-delicious-dish-with-greens-dark-desk-potato-dinner-cooking-meal-dish_140725-102131.jpg?_wi=5",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Dal Makhani",
|
||||
price: "2.0 OMR",
|
||||
variant: "Vegetarian",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-tasty-cooked-potatoes-delicious-dish-with-greens-dark-desk-potato-dinner-cooking-meal-dish_140725-102131.jpg?_wi=6",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
name: "Tandoori Platter",
|
||||
price: "4.5 OMR",
|
||||
variant: "Mixed",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-tasty-cooked-potatoes-delicious-dish-with-greens-dark-desk-potato-dinner-cooking-meal-dish_140725-102131.jpg?_wi=7",
|
||||
},
|
||||
]}
|
||||
title="Our Signature Menu"
|
||||
description="Explore our wide variety of authentic Indian dishes prepared by expert chefs."
|
||||
products={[
|
||||
{ id: "1", name: "Butter Chicken", price: "3.5 OMR", imageSrc: "http://img.b2bpic.net/free-photo/top-view-tasty-cooked-potatoes-delicious-dish-with-greens-dark-desk-potato-dinner-cooking-meal-dish_140725-102131.jpg?_wi=2" },
|
||||
{ id: "2", name: "Biryani Special", price: "4.0 OMR", imageSrc: "http://img.b2bpic.net/free-photo/top-view-tasty-cooked-potatoes-delicious-dish-with-greens-dark-desk-potato-dinner-cooking-meal-dish_140725-102131.jpg?_wi=3" },
|
||||
{ id: "3", name: "Paneer Tikka", price: "2.5 OMR", imageSrc: "http://img.b2bpic.net/free-photo/top-view-tasty-cooked-potatoes-delicious-dish-with-greens-dark-desk-potato-dinner-cooking-meal-dish_140725-102131.jpg?_wi=4" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="reviews" data-section="reviews">
|
||||
<TestimonialCardSix
|
||||
<TestimonialCardThirteen
|
||||
showRating={true}
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Ahmed",
|
||||
handle: "@sarah",
|
||||
testimonial: "Great food and excellent service! Truly authentic taste.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/couple-restaurant_23-2148006701.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Michael Chen",
|
||||
handle: "@mchen",
|
||||
testimonial: "Best Indian restaurant in Muscat! Highly recommended.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/elegant-couple-spend-time-restaurant_1157-20500.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Fatima Al-Said",
|
||||
handle: "@fatima",
|
||||
testimonial: "Affordable and delicious meals. The buffet is fantastic.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/healthy-breakfast-concept-with-modern-woman_23-2148115601.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "John Doe",
|
||||
handle: "@jdoe",
|
||||
testimonial: "Wonderful atmosphere and lovely terrace seating.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-young-woman-eating-chocolate-muffin-paper-holder_23-2147974666.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Ahmed Rashid",
|
||||
handle: "@arashid",
|
||||
testimonial: "A staple in Muscat. Always consistent quality.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-couple-talking-while-eating-lunch-restaurant_637285-9017.jpg",
|
||||
},
|
||||
]}
|
||||
title="What Our Guests Say"
|
||||
description="Read authentic reviews from our satisfied diners in Muscat."
|
||||
testimonials={[
|
||||
{ id: "1", name: "Sarah Ahmed", handle: "@sarah", testimonial: "Great food and excellent service! Truly authentic taste.", rating: 5 },
|
||||
{ id: "2", name: "Michael Chen", handle: "@mchen", testimonial: "Best Indian restaurant in Muscat! Highly recommended.", rating: 5 }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
tag="Get In Touch"
|
||||
<ContactCTA
|
||||
tag="Contact Us"
|
||||
title="Reserve Your Table"
|
||||
description="Have questions or want to book a table? Contact us via phone, WhatsApp, or order online directly."
|
||||
mediaAnimation="slide-up"
|
||||
buttonText="Order Online"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/top-view-tasty-cooked-potatoes-delicious-dish-with-greens-dark-desk-potato-dinner-cooking-meal-dish_140725-102131.jpg?_wi=8"
|
||||
description="We're ready to serve you. Book your table or reach out for inquiries."
|
||||
buttons={[{ text: "Call Us Now", href: "tel:+96878006100" }]}
|
||||
background={{ variant: "plain" }}
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="http://img.b2bpic.net/free-photo/top-view-tasty-cooked-potatoes-delicious-dish-with-greens-dark-desk-potato-dinner-cooking-meal-dish_140725-102131.jpg?_wi=9"
|
||||
<FooterBaseCard
|
||||
logoText="Taj Restaurant | مطعم تاج"
|
||||
columns={[
|
||||
{
|
||||
title: "Information",
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Menu",
|
||||
href: "#menu",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
{
|
||||
label: "WhatsApp",
|
||||
href: "https://wa.me/96878006100",
|
||||
},
|
||||
{
|
||||
label: "Reservations",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Terms & Privacy",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Navigation", items: [{ label: "Home", href: "/" }, { label: "Menu", href: "#menu" }] },
|
||||
{ title: "Contact", items: [{ label: "WhatsApp", href: "https://wa.me/96878006100" }] }
|
||||
]}
|
||||
copyrightText="© 2026 Taj Restaurant | مطعم تاج - All Rights Reserved"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
@@ -10,15 +10,15 @@
|
||||
--accent: #ffffff;
|
||||
--background-accent: #ffffff; */
|
||||
|
||||
--background: #f5f4ef;
|
||||
--card: #dad6cd;
|
||||
--foreground: #2a2928;
|
||||
--primary-cta: #8B0000;
|
||||
--primary-cta-text: #f5f4ef;
|
||||
--secondary-cta: #ecebea;
|
||||
--secondary-cta-text: #2a2928;
|
||||
--accent: #ffffff;
|
||||
--background-accent: #c6b180;
|
||||
--background: #ffffff;
|
||||
--card: #f9f9f9;
|
||||
--foreground: #000612e6;
|
||||
--primary-cta: #15479c;
|
||||
--primary-cta-text: #ffffff;
|
||||
--secondary-cta: #f9f9f9;
|
||||
--secondary-cta-text: #000612e6;
|
||||
--accent: #e2e2e2;
|
||||
--background-accent: #c4c4c4;
|
||||
|
||||
/* text sizing - set by ThemeProvider */
|
||||
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
|
||||
|
||||
Reference in New Issue
Block a user