163 lines
8.4 KiB
TypeScript
163 lines
8.4 KiB
TypeScript
"use client";
|
||
|
||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||
import ReactLenis from "lenis/react";
|
||
import ContactText from '@/components/sections/contact/ContactText';
|
||
import FeatureCardTen from '@/components/sections/feature/FeatureCardTen';
|
||
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
|
||
import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo';
|
||
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
||
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
||
import SplitAbout from '@/components/sections/about/SplitAbout';
|
||
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
|
||
|
||
export default function LandingPage() {
|
||
return (
|
||
<ThemeProvider
|
||
defaultButtonVariant="hover-bubble"
|
||
defaultTextAnimation="entrance-slide"
|
||
borderRadius="rounded"
|
||
contentWidth="mediumLarge"
|
||
sizing="largeSmall"
|
||
background="circleGradient"
|
||
cardStyle="solid"
|
||
primaryButtonStyle="gradient"
|
||
secondaryButtonStyle="solid"
|
||
headingFontWeight="bold"
|
||
>
|
||
<ReactLenis root>
|
||
<div id="nav" data-section="nav">
|
||
<NavbarStyleApple
|
||
navItems={[
|
||
{ name: "Home", id: "/" },
|
||
{ name: "Menu", id: "/menu" },
|
||
{ name: "Reservations", id: "/reservations" },
|
||
{ name: "About", id: "/about" },
|
||
{ name: "Contact", id: "/contact" },
|
||
]}
|
||
brandName="Rowleys"
|
||
/>
|
||
</div>
|
||
|
||
<div id="home-hero" data-section="home-hero">
|
||
<HeroCarouselLogo
|
||
logoText="Rowleys"
|
||
description="Dubai’s Destination for Premium Steak. Expertly crafted steaks, premium ingredients, and exceptional hospitality."
|
||
buttons={[
|
||
{ text: "Reserve a Table", href: "/reservations" },
|
||
{ text: "Explore Menu", href: "/menu" },
|
||
]}
|
||
slides={[
|
||
{ imageSrc: "http://img.b2bpic.net/free-photo/delicious-meat-table_23-2150857796.jpg", imageAlt: "Cinematic steak grilling" },
|
||
{ imageSrc: "http://img.b2bpic.net/free-photo/some-macaroni-black-plate-black-background-side-view_176474-3927.jpg", imageAlt: "Luxury dining room" },
|
||
{ imageSrc: "http://img.b2bpic.net/free-photo/top-view-dining-tables-without-food_23-2150157791.jpg", imageAlt: "Wine pairing" },
|
||
{ imageSrc: "http://img.b2bpic.net/free-photo/top-view-dining-tables-without-food_23-2150157780.jpg", imageAlt: "Chef plating" },
|
||
{ imageSrc: "http://img.b2bpic.net/free-photo/top-view-dining-tables-without-food_23-2150157824.jpg", imageAlt: "Fire grilling" },
|
||
{ imageSrc: "http://img.b2bpic.net/free-photo/top-view-wedding-table-arrangement_23-2150279488.jpg", imageAlt: "Atmosphere" },
|
||
]}
|
||
/>
|
||
</div>
|
||
|
||
<div id="features" data-section="features">
|
||
<FeatureCardTen
|
||
animationType="slide-up"
|
||
textboxLayout="default"
|
||
useInvertedBackground={false}
|
||
features={[
|
||
{
|
||
title: "Premium Cuts", description: "Only the finest, hand-selected dry-aged beef.", media: { imageSrc: "http://img.b2bpic.net/free-vector/restaurant-bar-hand-drawn-icon-web-print-mobile_1057-11220.jpg", imageAlt: "Premium Cuts" },
|
||
items: [],
|
||
reverse: false
|
||
},
|
||
{
|
||
title: "Exceptional Service", description: "Attentive, personalized hospitality.", media: { imageSrc: "http://img.b2bpic.net/free-vector/four-golden-stars_1017-7698.jpg", imageAlt: "Service" },
|
||
items: [],
|
||
reverse: true
|
||
},
|
||
{
|
||
title: "Elegant Ambiance", description: "A sophisticated setting for memories.", media: { imageSrc: "http://img.b2bpic.net/free-photo/tuna-sushi_1203-3743.jpg", imageAlt: "Ambiance" },
|
||
items: [],
|
||
reverse: false
|
||
},
|
||
]}
|
||
title="Unrivaled Craftsmanship"
|
||
description="Excellence in every detail."
|
||
/>
|
||
</div>
|
||
|
||
<div id="products" data-section="products">
|
||
<ProductCardOne
|
||
animationType="slide-up"
|
||
textboxLayout="default"
|
||
gridVariant="three-columns-all-equal-width"
|
||
useInvertedBackground={false}
|
||
products={[
|
||
{ id: "p1", name: "Classic Ribeye", price: "AED 350", imageSrc: "http://img.b2bpic.net/free-photo/tuna-sushi_1203-3743.jpg" },
|
||
{ id: "p2", name: "Wagyu Ribeye", price: "AED 550", imageSrc: "http://img.b2bpic.net/free-photo/fried-meat-served-with-eggplants-tomatoes_141793-738.jpg" },
|
||
{ id: "p3", name: "Tomahawk Steak", price: "AED 750", imageSrc: "http://img.b2bpic.net/free-photo/putting-piece-meat-steak-into-another-persons-plate-with-salad_114579-3687.jpg" },
|
||
{ id: "p4", name: "Filet Mignon", price: "AED 400", imageSrc: "http://img.b2bpic.net/free-photo/gourmet-seared-duck-breast-with-roasted-vegetables-rich-sauce_84443-72273.jpg" },
|
||
{ id: "p5", name: "Striploin", price: "AED 380", imageSrc: "http://img.b2bpic.net/free-photo/steak-served-with-grilled-tomato-pepper-sauce_141793-974.jpg" },
|
||
{ id: "p6", name: "T-Bone Special", price: "AED 450", imageSrc: "http://img.b2bpic.net/free-photo/lamb-steak-slices-served-with-mashed-potato_140725-5854.jpg" },
|
||
]}
|
||
title="Signature Steaks"
|
||
description="Masterfully prepared signature dishes."
|
||
/>
|
||
</div>
|
||
|
||
<div id="about-rowleys" data-section="about-rowleys">
|
||
<SplitAbout
|
||
textboxLayout="split"
|
||
useInvertedBackground={false}
|
||
title="About Rowleys"
|
||
description="Born from a passion for perfection, Rowleys Steakhouse redefines the luxury dining experience."
|
||
bulletPoints={[
|
||
{ title: "Flame-Grilled Perfection", description: "Expertly seared in our custom wood-fired grill." },
|
||
{ title: "Exceptional Hospitality", description: "Personalized service by experienced staff." },
|
||
{ title: "Refined Ambiance", description: "Elegant, sophisticated, and warm." },
|
||
]}
|
||
imageSrc="http://img.b2bpic.net/free-photo/man-cutting-steak-round-shape-wearing-black-gloves_140725-8334.jpg"
|
||
mediaAnimation="slide-up"
|
||
/>
|
||
</div>
|
||
|
||
<div id="testimonials" data-section="testimonials">
|
||
<TestimonialCardTwo
|
||
animationType="slide-up"
|
||
textboxLayout="default"
|
||
useInvertedBackground={false}
|
||
testimonials={[
|
||
{ id: "1", name: "Sarah Johnson", role: "Food Critic", testimonial: "One of the best steaks in Dubai.", imageSrc: "http://img.b2bpic.net/free-photo/woman-kissing-man-with-flowers-cheek_23-2148014453.jpg" },
|
||
{ id: "2", name: "Michael Chen", role: "Regular Guest", testimonial: "Exceptional hospitality!", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-with-coffee-cup_23-2149005429.jpg" },
|
||
{ id: "3", name: "Emily Rodriguez", role: "Traveler", testimonial: "An unforgettable meal.", imageSrc: "http://img.b2bpic.net/free-photo/man-chef-holding-rhubarb-kitchen_1303-32145.jpg" },
|
||
{ id: "4", name: "David Kim", role: "Business Executive", testimonial: "Best steak in the city.", imageSrc: "http://img.b2bpic.net/free-photo/happy-close-up-portrait-beautiful-black-skinned-woman-wearing-blouse-flower-headband-enjoying-dinner-while-eating-restaurant_613910-5625.jpg" },
|
||
{ id: "5", name: "Layla Ahmed", role: "Local Gourmet", testimonial: "Service and quality never disappoint.", imageSrc: "http://img.b2bpic.net/free-photo/pretty-young-woman-partying-home_23-2148741472.jpg" },
|
||
]}
|
||
title="Guest Experiences"
|
||
description="What our guests say."
|
||
/>
|
||
</div>
|
||
|
||
<div id="contact-section" data-section="contact-section">
|
||
<ContactText
|
||
useInvertedBackground={false}
|
||
background={{ variant: "gradient-bars" }}
|
||
text="Reserve your premium dining experience at Rowleys Steakhouse."
|
||
buttons={[{ text: "Book Now", href: "/reservations" }]}
|
||
/>
|
||
</div>
|
||
|
||
<div id="footer" data-section="footer">
|
||
<FooterBaseCard
|
||
logoText="Rowleys"
|
||
columns={[
|
||
{ title: "Navigation", items: [{ label: "Menu", href: "/menu" }, { label: "About", href: "/about" }, { label: "Reservations", href: "/reservations" }] },
|
||
{ title: "Location", items: [{ label: "Downtown Dubai", href: "#" }, { label: "Parking Info", href: "#" }] },
|
||
{ title: "Contact", items: [{ label: "+971 4 000 0000", href: "tel:+97140000000" }, { label: "reservations@rowleys.com", href: "mailto:reservations@rowleys.com" }] },
|
||
]}
|
||
copyrightText="© 2025 Rowleys Steakhouse"
|
||
/>
|
||
</div>
|
||
</ReactLenis>
|
||
</ThemeProvider>
|
||
);
|
||
} |