Merge version_1 into main #1
258
src/app/page.tsx
258
src/app/page.tsx
@@ -11,7 +11,7 @@ import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatin
|
||||
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
||||
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
|
||||
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
|
||||
import { Award, Clock, Layers, Star } from "lucide-react";
|
||||
import { Award, Clock, Layers, Star, Zap, Heart, Sparkles, Coffee } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -31,22 +31,10 @@ 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: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Menu", id: "menu" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Rania Café"
|
||||
/>
|
||||
@@ -60,26 +48,11 @@ export default function LandingPage() {
|
||||
showDimOverlay={true}
|
||||
showBlur={true}
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-tattooed-bearded-man-which-is-smoking-hookah-making-nice-vapour-while-sitting-near-bar-counter_613910-21449.jpg",
|
||||
alt: "Portrait of tattooed bearded man smoking hookah",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/man-relaxing-by-vaping-from-hookah-bar_23-2149191826.jpg",
|
||||
alt: "Man relaxing in bar",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-people-vaping-from-hookah-bar_23-2149194221.jpg",
|
||||
alt: "Young people in hookah bar",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-people-vaping-from-hookah-bar_23-2149194189.jpg",
|
||||
alt: "Group relaxing with hookah",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/man-relaxing-by-vaping-from-hookah-bar_23-2149191818.jpg",
|
||||
alt: "Man vaping in lounge",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-tattooed-bearded-man-which-is-smoking-hookah-making-nice-vapour-while-sitting-near-bar-counter_613910-21449.jpg", alt: "Portrait of tattooed bearded man smoking hookah" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/man-relaxing-by-vaping-from-hookah-bar_23-2149191826.jpg", alt: "Man relaxing in bar" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/young-people-vaping-from-hookah-bar_23-2149194221.jpg", alt: "Young people in hookah bar" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/young-people-vaping-from-hookah-bar_23-2149194189.jpg", alt: "Group relaxing with hookah" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/man-relaxing-by-vaping-from-hookah-bar_23-2149191818.jpg", alt: "Man vaping in lounge" },
|
||||
]}
|
||||
avatarText="Join our sophisticated community"
|
||||
/>
|
||||
@@ -103,30 +76,10 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Premium Tobacco",
|
||||
description: "Hand-selected fresh flavors, expertly prepared for a smooth smoke.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/exotic-turkish-hookah_93675-131367.jpg",
|
||||
buttonIcon: "Zap",
|
||||
},
|
||||
{
|
||||
title: "Elite Hospitality",
|
||||
description: "Our team ensures every guest receives personalized, world-class attention.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/couple-having-date-night_53876-13928.jpg",
|
||||
buttonIcon: "Heart",
|
||||
},
|
||||
{
|
||||
title: "Ambient Gold",
|
||||
description: "Designed for intimacy and comfort, with warm lighting and plush decor.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-new-year-party-golden-lights_23-2148339532.jpg",
|
||||
buttonIcon: "Sparkles",
|
||||
},
|
||||
{
|
||||
title: "Fresh Pairings",
|
||||
description: "Premium tea and coffee selections to perfectly complement your experience.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/brewing-coffee-coffee-is-poured-into-glass-cup-from-copper-coffee-maker-lunch-old-cafe-vertical-shot-selective-focus_166373-2509.jpg",
|
||||
buttonIcon: "Coffee",
|
||||
},
|
||||
{ title: "Premium Tobacco", description: "Hand-selected fresh flavors, expertly prepared for a smooth smoke.", imageSrc: "http://img.b2bpic.net/free-photo/exotic-turkish-hookah_93675-131367.jpg", buttonIcon: Zap },
|
||||
{ title: "Elite Hospitality", description: "Our team ensures every guest receives personalized, world-class attention.", imageSrc: "http://img.b2bpic.net/free-photo/couple-having-date-night_53876-13928.jpg", buttonIcon: Heart },
|
||||
{ title: "Ambient Gold", description: "Designed for intimacy and comfort, with warm lighting and plush decor.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-new-year-party-golden-lights_23-2148339532.jpg", buttonIcon: Sparkles },
|
||||
{ title: "Fresh Pairings", description: "Premium tea and coffee selections to perfectly complement your experience.", imageSrc: "http://img.b2bpic.net/free-photo/brewing-coffee-coffee-is-poured-into-glass-cup-from-copper-coffee-maker-lunch-old-cafe-vertical-shot-selective-focus_166373-2509.jpg", buttonIcon: Coffee },
|
||||
]}
|
||||
title="The Rania Experience"
|
||||
description="We blend quality with class to ensure every visit is a journey of the senses."
|
||||
@@ -140,42 +93,12 @@ export default function LandingPage() {
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Midnight Mint",
|
||||
price: "$25",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hookah-still-life-arrangement_23-2149213293.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Velvet Coffee",
|
||||
price: "$12",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/coffee-cups-coffee-beans-table-international-day-coffee-concept_1150-25511.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Saffron Delight",
|
||||
price: "$18",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/plate-profiteroles-served-with-chocolate-sauce_114579-2339.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Tropical Oasis",
|
||||
price: "$15",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cocktail-served-crystal-glass_140725-7810.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Royal Tea",
|
||||
price: "$10",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-view-asia-tea-ceremony_23-2148296809.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Golden Platter",
|
||||
price: "$30",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-delicious-food-arrangement_23-2148510871.jpg",
|
||||
},
|
||||
{ id: "p1", name: "Midnight Mint", price: "$25", imageSrc: "http://img.b2bpic.net/free-photo/hookah-still-life-arrangement_23-2149213293.jpg" },
|
||||
{ id: "p2", name: "Velvet Coffee", price: "$12", imageSrc: "http://img.b2bpic.net/free-photo/coffee-cups-coffee-beans-table-international-day-coffee-concept_1150-25511.jpg" },
|
||||
{ id: "p3", name: "Saffron Delight", price: "$18", imageSrc: "http://img.b2bpic.net/free-photo/plate-profiteroles-served-with-chocolate-sauce_114579-2339.jpg" },
|
||||
{ id: "p4", name: "Tropical Oasis", price: "$15", imageSrc: "http://img.b2bpic.net/free-photo/cocktail-served-crystal-glass_140725-7810.jpg" },
|
||||
{ id: "p5", name: "Royal Tea", price: "$10", imageSrc: "http://img.b2bpic.net/free-photo/close-up-view-asia-tea-ceremony_23-2148296809.jpg" },
|
||||
{ id: "p6", name: "Golden Platter", price: "$30", imageSrc: "http://img.b2bpic.net/free-photo/front-view-delicious-food-arrangement_23-2148510871.jpg" },
|
||||
]}
|
||||
title="Curated Flavours & Refreshments"
|
||||
description="Discover our collection of premium shisha blends and handcrafted signature beverages."
|
||||
@@ -187,46 +110,11 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Exceptional Quality",
|
||||
quote: "The best shisha I've had in years.",
|
||||
name: "Alex R.",
|
||||
role: "Patron",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-stylish-smiling-woman-sitting-hipster-cafe-sofa-wearing-shirt-blue-sunglasses_285396-265.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Atmosphere is unmatched",
|
||||
quote: "The aesthetic is beautiful.",
|
||||
name: "Sarah L.",
|
||||
role: "Regular",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-people-vaping-from-hookah-bar_23-2149194161.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Sophisticated Service",
|
||||
quote: "I felt like royalty.",
|
||||
name: "Marcus V.",
|
||||
role: "Visitor",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-smiling-young-woman-sitting-sofa-talking-mobile-phone-restaurant_23-2147974688.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
title: "Perfect Hideaway",
|
||||
quote: "I come here to relax and work.",
|
||||
name: "Chloe M.",
|
||||
role: "Professional",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-young-woman-talking-mobile-phone-with-baked-bread-juice-table_23-2147974703.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
title: "Authentic Hospitality",
|
||||
quote: "Everything is 10/10.",
|
||||
name: "Jordan P.",
|
||||
role: "Shisha Enthusiast",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/this-is-my-new-profile-social-network_329181-2899.jpg",
|
||||
},
|
||||
{ id: "1", title: "Exceptional Quality", quote: "The best shisha I've had in years.", name: "Alex R.", role: "Patron", imageSrc: "http://img.b2bpic.net/free-photo/young-stylish-smiling-woman-sitting-hipster-cafe-sofa-wearing-shirt-blue-sunglasses_285396-265.jpg" },
|
||||
{ id: "2", title: "Atmosphere is unmatched", quote: "The aesthetic is beautiful.", name: "Sarah L.", role: "Regular", imageSrc: "http://img.b2bpic.net/free-photo/young-people-vaping-from-hookah-bar_23-2149194161.jpg" },
|
||||
{ id: "3", title: "Sophisticated Service", quote: "I felt like royalty.", name: "Marcus V.", role: "Visitor", imageSrc: "http://img.b2bpic.net/free-photo/stylish-smiling-young-woman-sitting-sofa-talking-mobile-phone-restaurant_23-2147974688.jpg" },
|
||||
{ id: "4", title: "Perfect Hideaway", quote: "I come here to relax and work.", name: "Chloe M.", role: "Professional", imageSrc: "http://img.b2bpic.net/free-photo/happy-young-woman-talking-mobile-phone-with-baked-bread-juice-table_23-2147974703.jpg" },
|
||||
{ id: "5", title: "Authentic Hospitality", quote: "Everything is 10/10.", name: "Jordan P.", role: "Shisha Enthusiast", imageSrc: "http://img.b2bpic.net/free-photo/this-is-my-new-profile-social-network_329181-2899.jpg" },
|
||||
]}
|
||||
title="Echoes of Excellence"
|
||||
description="See why Rania Café remains the city's premiere lounge choice."
|
||||
@@ -237,29 +125,12 @@ export default function LandingPage() {
|
||||
<MetricCardOne
|
||||
textboxLayout="default"
|
||||
gridVariant="bento-grid"
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "5.0★",
|
||||
title: "Customer Rating",
|
||||
description: "Consistently praised across all reviews.",
|
||||
icon: Star,
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "12+",
|
||||
title: "Signature Blends",
|
||||
description: "Curated flavors refined for excellence.",
|
||||
icon: Layers,
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "24/7",
|
||||
title: "Hospitality",
|
||||
description: "Always ready to welcome our guests.",
|
||||
icon: Clock,
|
||||
},
|
||||
{ id: "m1", value: "5.0★", title: "Customer Rating", description: "Consistently praised across all reviews.", icon: Star },
|
||||
{ id: "m2", value: "12+", title: "Signature Blends", description: "Curated flavors refined for excellence.", icon: Layers },
|
||||
{ id: "m3", value: "24/7", title: "Hospitality", description: "Always ready to welcome our guests.", icon: Clock },
|
||||
]}
|
||||
title="A World Away"
|
||||
description="More than just a lounge, Rania Café is a sensory experience defined by these pillars."
|
||||
@@ -272,25 +143,10 @@ export default function LandingPage() {
|
||||
title="Reserve Your Table"
|
||||
description="Ready to experience the Rania standard? Book your spot today."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Email Address",
|
||||
required: true,
|
||||
},
|
||||
{ name: "name", type: "text", placeholder: "Your Name", required: true },
|
||||
{ name: "email", type: "email", placeholder: "Email Address", required: true },
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Any special requests?",
|
||||
rows: 4,
|
||||
required: false,
|
||||
}}
|
||||
textarea={{ name: "message", placeholder: "Any special requests?", rows: 4, required: false }}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/vertical-crop-black-kitchen-cabinet-fronts-warm-light-moody-details_169016-71061.jpg"
|
||||
/>
|
||||
</div>
|
||||
@@ -299,53 +155,9 @@ export default function LandingPage() {
|
||||
<FooterBaseCard
|
||||
logoText="RANIA CAFÉ"
|
||||
columns={[
|
||||
{
|
||||
title: "Quick Links",
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Menu",
|
||||
href: "#menu",
|
||||
},
|
||||
{
|
||||
label: "Reservations",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Connect",
|
||||
items: [
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Facebook",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Twitter",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Quick Links", items: [{ label: "About Us", href: "#about" }, { label: "Menu", href: "#menu" }, { label: "Reservations", href: "#contact" }] },
|
||||
{ title: "Connect", items: [{ label: "Instagram", href: "#" }, { label: "Facebook", href: "#" }, { label: "Twitter", href: "#" }] },
|
||||
{ title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user