Merge version_1 into main #2
324
src/app/page.tsx
324
src/app/page.tsx
@@ -32,31 +32,13 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Our Story",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "menu",
|
||||
},
|
||||
{
|
||||
name: "Ambience",
|
||||
id: "ambience",
|
||||
},
|
||||
{
|
||||
name: "Guests",
|
||||
id: "guests",
|
||||
},
|
||||
{
|
||||
name: "Location",
|
||||
id: "location",
|
||||
},
|
||||
{ name: "Our Story", id: "about" },
|
||||
{ name: "Menu", id: "menu" },
|
||||
{ name: "Ambience", id: "ambience" },
|
||||
{ name: "Guests", id: "guests" },
|
||||
{ name: "Location", id: "location" },
|
||||
]}
|
||||
button={{
|
||||
text: "Reserve a Table",
|
||||
href: "#reserve",
|
||||
}}
|
||||
button={{ text: "Reserve a Table", href: "#reserve" }}
|
||||
brandName="Rairo."
|
||||
/>
|
||||
</div>
|
||||
@@ -66,79 +48,23 @@ export default function LandingPage() {
|
||||
title="Where Aromas Tell Stories"
|
||||
description="Where Arabian heritage meets Pakistani tradition in a sanctuary of refined elegance."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Sarah Javaid",
|
||||
role: "Food Critic",
|
||||
testimonial: "The Rairo team did an amazing job with the fusion experience.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/lifestyle-night-city-with-young-woman_23-2149124061.jpg?_wi=1",
|
||||
imageAlt: "luxury restaurant dining elegant table setting",
|
||||
},
|
||||
{
|
||||
name: "Bilal Khan",
|
||||
role: "Local Expert",
|
||||
testimonial: "Exquisite dine-in experience that feels truly premium.",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ix1q0i&_wi=1",
|
||||
imageAlt: "luxury restaurant dining elegant table setting",
|
||||
},
|
||||
{
|
||||
name: "Umair Siddiqui",
|
||||
role: "Traveler",
|
||||
testimonial: "Extremely beautiful ambience and world-class service.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-bearded-smiling-black-man-wool-suit_613910-16049.jpg?_wi=1",
|
||||
imageAlt: "luxury restaurant dining elegant table setting",
|
||||
},
|
||||
{
|
||||
name: "Ayesha Noor",
|
||||
role: "Foodie",
|
||||
testimonial: "Simply the best hospitality I have encountered in Lahore.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/elegant-dark-wallpaper-with-golden-details-design_23-2148442826.jpg",
|
||||
imageAlt: "luxury restaurant dining elegant table setting",
|
||||
},
|
||||
{
|
||||
name: "Zaid Mahmood",
|
||||
role: "Chef",
|
||||
testimonial: "Exceptional flavors and presentation. Truly a culinary gem.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/girl-with-phone-night_1303-5741.jpg?_wi=1",
|
||||
imageAlt: "luxury restaurant dining elegant table setting",
|
||||
},
|
||||
{ name: "Sarah Javaid", handle: "Food Critic", testimonial: "The Rairo team did an amazing job with the fusion experience.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/lifestyle-night-city-with-young-woman_23-2149124061.jpg", imageAlt: "luxury restaurant dining elegant table setting" },
|
||||
{ name: "Bilal Khan", handle: "Local Expert", testimonial: "Exquisite dine-in experience that feels truly premium.", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ix1q0i", imageAlt: "luxury restaurant dining elegant table setting" },
|
||||
{ name: "Umair Siddiqui", handle: "Traveler", testimonial: "Extremely beautiful ambience and world-class service.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-bearded-smiling-black-man-wool-suit_613910-16049.jpg", imageAlt: "luxury restaurant dining elegant table setting" },
|
||||
{ name: "Ayesha Noor", handle: "Foodie", testimonial: "Simply the best hospitality I have encountered in Lahore.", rating: 5, imageSrc: "http://img.b2bpic.net/free-vector/elegant-dark-wallpaper-with-golden-details-design_23-2148442826.jpg", imageAlt: "luxury restaurant dining elegant table setting" },
|
||||
{ name: "Zaid Mahmood", handle: "Chef", testimonial: "Exceptional flavors and presentation. Truly a culinary gem.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/girl-with-phone-night_1303-5741.jpg", imageAlt: "luxury restaurant dining elegant table setting" },
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Reserve Your Table",
|
||||
href: "#reserve",
|
||||
},
|
||||
{
|
||||
text: "Explore the Menu",
|
||||
href: "#menu",
|
||||
},
|
||||
{ text: "Reserve Your Table", href: "#reserve" },
|
||||
{ text: "Explore the Menu", href: "#menu" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/lifestyle-night-city-with-young-woman_23-2149124061.jpg?_wi=2"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/lifestyle-night-city-with-young-woman_23-2149124061.jpg"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/businessman-smiling-looking-camera_23-2148112827.jpg",
|
||||
alt: "Businessman smiling and looking at camera",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/happy-businessman-smiling-camera_1163-4660.jpg",
|
||||
alt: "Happy businessman smiling at camera",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-handsome-bearded-african-american-businessman-brown-classic-jacket-isolated-dark-background_613910-6626.jpg",
|
||||
alt: "Smiling handsome bearded African-American businessman in a brown classic jacket",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/black-businessman-happy-expression_1194-2551.jpg",
|
||||
alt: "black businessman happy expression",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-business-woman-sitting-cafe-with-coffee-phone_1303-9805.jpg",
|
||||
alt: "Young business woman sitting in a cafe with coffee and phone",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/businessman-smiling-looking-camera_23-2148112827.jpg", alt: "Businessman smiling and looking at camera" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/happy-businessman-smiling-camera_1163-4660.jpg", alt: "Happy businessman smiling at camera" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/smiling-handsome-bearded-african-american-businessman-brown-classic-jacket-isolated-dark-background_613910-6626.jpg", alt: "Smiling handsome bearded African-American businessman in a brown classic jacket" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/black-businessman-happy-expression_1194-2551.jpg", alt: "black businessman happy expression" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/young-business-woman-sitting-cafe-with-coffee-phone_1303-9805.jpg", alt: "Young business woman sitting in a cafe with coffee and phone" },
|
||||
]}
|
||||
avatarText="Join 10,000+ happy guests"
|
||||
/>
|
||||
@@ -147,12 +73,7 @@ export default function LandingPage() {
|
||||
<div id="about" data-section="about">
|
||||
<InlineImageSplitTextAbout
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "A Labour of Passion and Flavour",
|
||||
},
|
||||
]}
|
||||
heading={[{ type: "text", content: "A Labour of Passion and Flavour" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -163,21 +84,9 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Authentic Cuisine",
|
||||
description: "Centuries-old recipes perfected for the modern palate.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ix1q0i&_wi=2",
|
||||
},
|
||||
{
|
||||
title: "Stunning Ambience",
|
||||
description: "A setting that inspires awe and creates lasting memories.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/interior-design-neoclassical-style-with-furnishings-decor_23-2151199325.jpg",
|
||||
},
|
||||
{
|
||||
title: "Moments Made Special",
|
||||
description: "Customized dining experiences for your unique occasions.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-round-table-served-two-christms-dinner-silver-candle-decorated-with-natural-fir-branches-two-flutes-pairs-plates-with-decorative-handmade-christmas-trees_132075-11391.jpg",
|
||||
},
|
||||
{ title: "Authentic Cuisine", description: "Centuries-old recipes perfected for the modern palate.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ix1q0i" },
|
||||
{ title: "Stunning Ambience", description: "A setting that inspires awe and creates lasting memories.", imageSrc: "http://img.b2bpic.net/free-photo/interior-design-neoclassical-style-with-furnishings-decor_23-2151199325.jpg" },
|
||||
{ title: "Moments Made Special", description: "Customized dining experiences for your unique occasions.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-round-table-served-two-christms-dinner-silver-candle-decorated-with-natural-fir-branches-two-flutes-pairs-plates-with-decorative-handmade-christmas-trees_132075-11391.jpg" },
|
||||
]}
|
||||
title="The Pillars of Rairo"
|
||||
description="Excellence redefined through every detail."
|
||||
@@ -186,52 +95,17 @@ export default function LandingPage() {
|
||||
|
||||
<div id="menu" data-section="menu">
|
||||
<ProductCardFour
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="two-columns-alternating-heights"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Zauq Al-Arabia Platter",
|
||||
price: "Rs 1,800",
|
||||
variant: "Signature",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/girl-with-phone-night_1303-5741.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Butter Karahi",
|
||||
price: "Rs 1,200",
|
||||
variant: "Main",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/plate-set-with-fork-spoon-knife_140725-1835.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Chicken Madbee",
|
||||
price: "Rs 1,400",
|
||||
variant: "Arabian",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fried-chicken-with-mushrooms-tomato_140725-3752.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Moroccan Steak Strips",
|
||||
price: "Rs 980",
|
||||
variant: "Fusion",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/interior-design-neoclassical-style-with-furnishings-decor_23-2151199327.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Beef Bihari Boti",
|
||||
price: "Rs 1,100",
|
||||
variant: "Pakistani",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/twigs-leaves-near-lamp-cutlery_23-2147811213.jpg",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
name: "Hot & Sour Soup",
|
||||
price: "Rs 380",
|
||||
variant: "Starter",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-bulb-room_181624-57611.jpg",
|
||||
},
|
||||
{ id: "1", name: "Zauq Al-Arabia Platter", price: "Rs 1,800", variant: "Signature", imageSrc: "http://img.b2bpic.net/free-photo/girl-with-phone-night_1303-5741.jpg" },
|
||||
{ id: "2", name: "Butter Karahi", price: "Rs 1,200", variant: "Main", imageSrc: "http://img.b2bpic.net/free-photo/plate-set-with-fork-spoon-knife_140725-1835.jpg" },
|
||||
{ id: "3", name: "Chicken Madbee", price: "Rs 1,400", variant: "Arabian", imageSrc: "http://img.b2bpic.net/free-photo/fried-chicken-with-mushrooms-tomato_140725-3752.jpg" },
|
||||
{ id: "4", name: "Moroccan Steak Strips", price: "Rs 980", variant: "Fusion", imageSrc: "http://img.b2bpic.net/free-photo/interior-design-neoclassical-style-with-furnishings-decor_23-2151199327.jpg" },
|
||||
{ id: "5", name: "Beef Bihari Boti", price: "Rs 1,100", variant: "Pakistani", imageSrc: "http://img.b2bpic.net/free-photo/twigs-leaves-near-lamp-cutlery_23-2147811213.jpg" },
|
||||
{ id: "6", name: "Hot & Sour Soup", price: "Rs 380", variant: "Starter", imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-bulb-room_181624-57611.jpg" },
|
||||
]}
|
||||
title="Our Signature Selection"
|
||||
description="Discover the richness of our kitchen."
|
||||
@@ -245,34 +119,10 @@ export default function LandingPage() {
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "Main Hall",
|
||||
title: "Opulence",
|
||||
description: "Our grand indoor dining space.",
|
||||
icon: Sparkles,
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "Rooftop",
|
||||
title: "Starlight",
|
||||
description: "Dining under the open Lahore sky.",
|
||||
icon: Star,
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "Garden",
|
||||
title: "Serenity",
|
||||
description: "Lush greenery for your escape.",
|
||||
icon: Leaf,
|
||||
},
|
||||
{
|
||||
id: "m4",
|
||||
value: "Events",
|
||||
title: "Celebration",
|
||||
description: "Spaces for your private parties.",
|
||||
icon: Cake,
|
||||
},
|
||||
{ id: "m1", value: "Main Hall", title: "Opulence", description: "Our grand indoor dining space.", icon: Sparkles },
|
||||
{ id: "m2", value: "Rooftop", title: "Starlight", description: "Dining under the open Lahore sky.", icon: Star },
|
||||
{ id: "m3", value: "Garden", title: "Serenity", description: "Lush greenery for your escape.", icon: Leaf },
|
||||
{ id: "m4", value: "Events", title: "Celebration", description: "Spaces for your private parties.", icon: Cake },
|
||||
]}
|
||||
title="Gallery of Splendour"
|
||||
description="Experience our various distinct dining zones."
|
||||
@@ -285,41 +135,11 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Javaid",
|
||||
role: "Guest",
|
||||
testimonial: "The Rairo team did an amazing job with every detail.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-bearded-smiling-black-man-wool-suit_613910-16049.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Bilal Khan",
|
||||
role: "Guest",
|
||||
testimonial: "Exquisite dine-in experience, highly recommended.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/new-year-spend-with-friends-celebrating_23-2149196973.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Umair Siddiqui",
|
||||
role: "Guest",
|
||||
testimonial: "Extremely beautiful ambience and taste.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/confident-businessman-with-beard-smiling-camera-generated-by-ai_188544-33152.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Ayesha Noor",
|
||||
role: "Guest",
|
||||
testimonial: "The atmosphere was simply unmatched in Lahore.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/black-businessman-happy-expression_1194-2579.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Zaid Mahmood",
|
||||
role: "Guest",
|
||||
testimonial: "Perfectly crafted meals every time I visit.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-correcting-grammar-mistakes_23-2150171372.jpg",
|
||||
},
|
||||
{ id: "1", name: "Sarah Javaid", role: "Guest", testimonial: "The Rairo team did an amazing job with every detail.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-bearded-smiling-black-man-wool-suit_613910-16049.jpg" },
|
||||
{ id: "2", name: "Bilal Khan", role: "Guest", testimonial: "Exquisite dine-in experience, highly recommended.", imageSrc: "http://img.b2bpic.net/free-photo/new-year-spend-with-friends-celebrating_23-2149196973.jpg" },
|
||||
{ id: "3", name: "Umair Siddiqui", role: "Guest", testimonial: "Extremely beautiful ambience and taste.", imageSrc: "http://img.b2bpic.net/free-photo/confident-businessman-with-beard-smiling-camera-generated-by-ai_188544-33152.jpg" },
|
||||
{ id: "4", name: "Ayesha Noor", role: "Guest", testimonial: "The atmosphere was simply unmatched in Lahore.", imageSrc: "http://img.b2bpic.net/free-photo/black-businessman-happy-expression_1194-2579.jpg" },
|
||||
{ id: "5", name: "Zaid Mahmood", role: "Guest", testimonial: "Perfectly crafted meals every time I visit.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-correcting-grammar-mistakes_23-2150171372.jpg" },
|
||||
]}
|
||||
title="Guest Stories"
|
||||
description="Hear from our cherished patrons."
|
||||
@@ -331,21 +151,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "loc1",
|
||||
title: "Address",
|
||||
content: "Allama Iqbal Road, near Red Apple Restaurant, Lahore.",
|
||||
},
|
||||
{
|
||||
id: "loc2",
|
||||
title: "Hours",
|
||||
content: "Daily 12:00 PM - 12:00 AM.",
|
||||
},
|
||||
{
|
||||
id: "loc3",
|
||||
title: "Parking",
|
||||
content: "Valet service is available on-site for all guests.",
|
||||
},
|
||||
{ id: "loc1", title: "Address", content: "Allama Iqbal Road, near Red Apple Restaurant, Lahore." },
|
||||
{ id: "loc2", title: "Hours", content: "Daily 12:00 PM - 12:00 AM." },
|
||||
{ id: "loc3", title: "Parking", content: "Valet service is available on-site for all guests." },
|
||||
]}
|
||||
title="Find Us"
|
||||
description="Located on Allama Iqbal Road, Lahore."
|
||||
@@ -356,9 +164,7 @@ export default function LandingPage() {
|
||||
<div id="reserve" data-section="reserve">
|
||||
<ContactCenter
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
background={{ variant: "radial-gradient" }}
|
||||
title="Reserve Your Table"
|
||||
description="Secure your experience with us."
|
||||
tag="Reservations"
|
||||
@@ -368,45 +174,9 @@ export default function LandingPage() {
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Explore",
|
||||
items: [
|
||||
{
|
||||
label: "Our Story",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Menu",
|
||||
href: "#menu",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Dining",
|
||||
items: [
|
||||
{
|
||||
label: "Reserve",
|
||||
href: "#reserve",
|
||||
},
|
||||
{
|
||||
label: "Events",
|
||||
href: "#events",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Contact",
|
||||
items: [
|
||||
{
|
||||
label: "Call Us",
|
||||
href: "tel:+923000000000",
|
||||
},
|
||||
{
|
||||
label: "Location",
|
||||
href: "#location",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Explore", items: [{ label: "Our Story", href: "#about" }, { label: "Menu", href: "#menu" }] },
|
||||
{ title: "Dining", items: [{ label: "Reserve", href: "#reserve" }, { label: "Events", href: "#events" }] },
|
||||
{ title: "Contact", items: [{ label: "Call Us", href: "tel:+923000000000" }, { label: "Location", href: "#location" }] },
|
||||
]}
|
||||
logoText="Rairo Restaurant"
|
||||
/>
|
||||
@@ -414,4 +184,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user