Merge version_1 into main #2
360
src/app/page.tsx
360
src/app/page.tsx
@@ -17,270 +17,118 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="elastic-effect"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="rounded"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Menu",
|
||||
id: "menu",
|
||||
},
|
||||
{
|
||||
name: "Experience",
|
||||
id: "experience",
|
||||
},
|
||||
{
|
||||
name: "Reserve",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="SOHO"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{ name: "Menu", id: "menu" },
|
||||
{ name: "Experience", id: "experience" },
|
||||
{ name: "Reserve", id: "contact" },
|
||||
]}
|
||||
brandName="SOHO"
|
||||
button={{ text: "Book Now", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardTestimonial
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
title="SOHO Islamabad"
|
||||
description="Luxury Pan-Asian Dining Experience. A journey across the boldest flavors of the East."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Ayesha K.",
|
||||
handle: "@ayesha_dining",
|
||||
testimonial: "The hotpot was perfect and very reasonable. Excellent experience.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/there-are-glasses-wine-water-table-with-white-cloth-are-ready-dining_613910-3428.jpg?_wi=1",
|
||||
imageAlt: "luxury restaurant interior warm lighting",
|
||||
},
|
||||
{
|
||||
name: "Omar F.",
|
||||
handle: "@foodie_om",
|
||||
testimonial: "Plenty of variety—Korean, Japanese, Thai & Chinese. Well cooked.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/gourmet-food-plates_1121-52.jpg?_wi=1",
|
||||
imageAlt: "asian food assortment flatlay",
|
||||
},
|
||||
{
|
||||
name: "Sara H.",
|
||||
handle: "@sara_eats",
|
||||
testimonial: "Ambiance is great and food quality is consistently high.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-sitting-table_23-2148773522.jpg?_wi=1",
|
||||
imageAlt: "luxury restaurant interior decor",
|
||||
},
|
||||
{
|
||||
name: "Bilal M.",
|
||||
handle: "@bilal_m",
|
||||
testimonial: "Staff was courteous and the atmosphere is unmatched in the city.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/black-chef-modern-kitchen-adding-herbs-leaves-dish-stove_482257-127688.jpg?_wi=1",
|
||||
imageAlt: "chef preparing fresh food",
|
||||
},
|
||||
{
|
||||
name: "Zaid A.",
|
||||
handle: "@zaid_food",
|
||||
testimonial: "A truly refined dining experience. Will definitely return.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/thai-food-tom-yum-seafood-seafood-spicy-soup_1150-38145.jpg?_wi=1",
|
||||
imageAlt: "thai tom yum soup bowl",
|
||||
},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Reserve a Table",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
text: "Explore Menu",
|
||||
href: "#menu",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/there-are-glasses-wine-water-table-with-white-cloth-are-ready-dining_613910-3428.jpg?_wi=2"
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardTestimonial
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="SOHO Islamabad"
|
||||
description="Luxury Pan-Asian Dining Experience. A journey across the boldest flavors of the East."
|
||||
testimonials={[
|
||||
{ name: "Ayesha K.", handle: "@ayesha_dining", testimonial: "The hotpot was perfect and very reasonable. Excellent experience.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/there-are-glasses-wine-water-table-with-white-cloth-are-ready-dining_613910-3428.jpg", imageAlt: "luxury restaurant interior warm lighting" },
|
||||
{ name: "Omar F.", handle: "@foodie_om", testimonial: "Plenty of variety—Korean, Japanese, Thai & Chinese. Well cooked.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/gourmet-food-plates_1121-52.jpg", imageAlt: "asian food assortment flatlay" },
|
||||
{ name: "Sara H.", handle: "@sara_eats", testimonial: "Ambiance is great and food quality is consistently high.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-sitting-table_23-2148773522.jpg", imageAlt: "luxury restaurant interior decor" },
|
||||
{ name: "Bilal M.", handle: "@bilal_m", testimonial: "Staff was courteous and the atmosphere is unmatched in the city.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/black-chef-modern-kitchen-adding-herbs-leaves-dish-stove_482257-127688.jpg", imageAlt: "chef preparing fresh food" },
|
||||
{ name: "Zaid A.", handle: "@zaid_food", testimonial: "A truly refined dining experience. Will definitely return.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/thai-food-tom-yum-seafood-seafood-spicy-soup_1150-38145.jpg", imageAlt: "thai tom yum soup bowl" },
|
||||
]}
|
||||
buttons={[{ text: "Reserve a Table", href: "#contact" }, { text: "Explore Menu", href: "#menu" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/there-are-glasses-wine-water-table-with-white-cloth-are-ready-dining_613910-3428.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="experience" data-section="experience">
|
||||
<FeatureCardEight
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: 1,
|
||||
title: "Pan-Asian Variety",
|
||||
description: "Korean, Japanese, Thai & Chinese specialties.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/gourmet-food-plates_1121-52.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: 2,
|
||||
title: "Premium Ambiance",
|
||||
description: "Elegant interiors designed for unforgettable evenings.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-sitting-table_23-2148773522.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: 3,
|
||||
title: "Freshly Crafted",
|
||||
description: "Every dish prepared with care and precision.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/black-chef-modern-kitchen-adding-herbs-leaves-dish-stove_482257-127688.jpg?_wi=2",
|
||||
},
|
||||
]}
|
||||
title="The SOHO Experience"
|
||||
description="Designed for the sophisticated palate, SOHO blends elegance with culinary excellence."
|
||||
/>
|
||||
</div>
|
||||
<div id="experience" data-section="experience">
|
||||
<FeatureCardEight
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ id: 1, title: "Pan-Asian Variety", description: "Korean, Japanese, Thai & Chinese specialties.", imageSrc: "http://img.b2bpic.net/free-photo/gourmet-food-plates_1121-52.jpg" },
|
||||
{ id: 2, title: "Premium Ambiance", description: "Elegant interiors designed for unforgettable evenings.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-sitting-table_23-2148773522.jpg" },
|
||||
{ id: 3, title: "Freshly Crafted", description: "Every dish prepared with care and precision.", imageSrc: "http://img.b2bpic.net/free-photo/black-chef-modern-kitchen-adding-herbs-leaves-dish-stove_482257-127688.jpg" },
|
||||
]}
|
||||
title="The SOHO Experience"
|
||||
description="Designed for the sophisticated palate, SOHO blends elegance with culinary excellence."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="menu" data-section="menu">
|
||||
<ProductCardFour
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Tom Yum Gung",
|
||||
price: "Market",
|
||||
variant: "Authentic Thai",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/thai-food-tom-yum-seafood-seafood-spicy-soup_1150-38145.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Prawn Teriyaki",
|
||||
price: "Market",
|
||||
variant: "Japanese Style",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/shrimps-served-with-arugula-tomatoes_140725-8052.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Signature Hotpot",
|
||||
price: "Market",
|
||||
variant: "Customer Favorite",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/thai-food-tom-yum-seafood-seafood-spicy-soup_1150-38153.jpg",
|
||||
},
|
||||
]}
|
||||
title="Signature Selections"
|
||||
description="Curated dishes that define the SOHO standard."
|
||||
/>
|
||||
</div>
|
||||
<div id="menu" data-section="menu">
|
||||
<ProductCardFour
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{ id: "p1", name: "Tom Yum Gung", price: "Market", variant: "Authentic Thai", imageSrc: "http://img.b2bpic.net/free-photo/thai-food-tom-yum-seafood-seafood-spicy-soup_1150-38145.jpg" },
|
||||
{ id: "p2", name: "Prawn Teriyaki", price: "Market", variant: "Japanese Style", imageSrc: "http://img.b2bpic.net/free-photo/shrimps-served-with-arugula-tomatoes_140725-8052.jpg" },
|
||||
{ id: "p3", name: "Signature Hotpot", price: "Market", variant: "Customer Favorite", imageSrc: "http://img.b2bpic.net/free-photo/thai-food-tom-yum-seafood-seafood-spicy-soup_1150-38153.jpg" },
|
||||
]}
|
||||
title="Signature Selections"
|
||||
description="Curated dishes that define the SOHO standard."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="reviews" data-section="reviews">
|
||||
<TestimonialCardSix
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah",
|
||||
handle: "@sarah",
|
||||
testimonial: "The hotpot was perfect.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-happy-people-with-drinks_23-2149213373.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Michael",
|
||||
handle: "@mike",
|
||||
testimonial: "Variety and quality were excellent.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-holding-glass_23-2148965393.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Emily",
|
||||
handle: "@emily",
|
||||
testimonial: "Great ambiance, amazing food.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/charming-successful-female-entrepreneur-sit-alone-table-restaurant-modern-cafe-touch-neck-cute-tender-smiling-camera-eat-salad-enjoy-coffee-good-food-lead-healthy-diet-relaxing-break-lunch_197531-30650.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "David",
|
||||
handle: "@david",
|
||||
testimonial: "Courteous staff, lovely evening.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-positive-young-woman-with-pinkish-hair-sitting-home-against-golden-light-background-having-optimistic-happy-facial-expression-keeping-hands-chin-smiling-broadly-camera_343059-1907.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Farhan",
|
||||
handle: "@farhan",
|
||||
testimonial: "Simply the best fine dining in Islamabad.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-happy-people-with-drinks_23-2149213373.jpg?_wi=2",
|
||||
},
|
||||
]}
|
||||
title="Guest Experiences"
|
||||
description="Hear what our guests say about their nights at SOHO."
|
||||
/>
|
||||
</div>
|
||||
<div id="reviews" data-section="reviews">
|
||||
<TestimonialCardSix
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "t1", name: "Sarah", handle: "@sarah", testimonial: "The hotpot was perfect.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-happy-people-with-drinks_23-2149213373.jpg" },
|
||||
{ id: "t2", name: "Michael", handle: "@mike", testimonial: "Variety and quality were excellent.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-holding-glass_23-2148965393.jpg" },
|
||||
{ id: "t3", name: "Emily", handle: "@emily", testimonial: "Great ambiance, amazing food.", imageSrc: "http://img.b2bpic.net/free-photo/charming-successful-female-entrepreneur-sit-alone-table-restaurant-modern-cafe-touch-neck-cute-tender-smiling-camera-eat-salad-enjoy-coffee-good-food-lead-healthy-diet-relaxing-break-lunch_197531-30650.jpg" },
|
||||
{ id: "t4", name: "David", handle: "@david", testimonial: "Courteous staff, lovely evening.", imageSrc: "http://img.b2bpic.net/free-photo/cheerful-positive-young-woman-with-pinkish-hair-sitting-home-against-golden-light-background-having-optimistic-happy-facial-expression-keeping-hands-chin-smiling-broadly-camera_343059-1907.jpg" },
|
||||
{ id: "t5", name: "Farhan", handle: "@farhan", testimonial: "Simply the best fine dining in Islamabad.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-happy-people-with-drinks_23-2149213373.jpg" },
|
||||
]}
|
||||
title="Guest Experiences"
|
||||
description="Hear what our guests say about their nights at SOHO."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactFaq
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Do I need a reservation?",
|
||||
content: "While walk-ins are welcome, reservations are highly recommended.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Are there vegetarian options?",
|
||||
content: "Yes, we offer a dedicated selection of vegetarian dishes.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Is parking available?",
|
||||
content: "Yes, valet parking is provided for all our guests.",
|
||||
},
|
||||
]}
|
||||
ctaTitle="Reserve Your Table"
|
||||
ctaDescription="Join us for an unforgettable Pan-Asian experience."
|
||||
ctaButton={{
|
||||
text: "Book Now",
|
||||
href: "https://booking.soho.pk",
|
||||
}}
|
||||
ctaIcon={Calendar}
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactFaq
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{ id: "f1", title: "Do I need a reservation?", content: "While walk-ins are welcome, reservations are highly recommended." },
|
||||
{ id: "f2", title: "Are there vegetarian options?", content: "Yes, we offer a dedicated selection of vegetarian dishes." },
|
||||
{ id: "f3", title: "Is parking available?", content: "Yes, valet parking is provided for all our guests." },
|
||||
]}
|
||||
ctaTitle="Reserve Your Table"
|
||||
ctaDescription="Join us for an unforgettable Pan-Asian experience."
|
||||
ctaButton={{ text: "Book Now", href: "https://booking.soho.pk" }}
|
||||
ctaIcon={Calendar}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseCard
|
||||
logoText="SOHO"
|
||||
columns={[
|
||||
{
|
||||
title: "Navigation",
|
||||
items: [
|
||||
{
|
||||
label: "Menu",
|
||||
href: "#menu",
|
||||
},
|
||||
{
|
||||
label: "Experience",
|
||||
href: "#experience",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
copyrightText="© 2026 SOHO Islamabad — Pan-Asian Luxury Dining"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseCard
|
||||
logoText="SOHO"
|
||||
columns={[
|
||||
{ title: "Navigation", items: [{ label: "Menu", href: "#menu" }, { label: "Experience", href: "#experience" }, { label: "Contact", href: "#contact" }] },
|
||||
{ title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] },
|
||||
]}
|
||||
copyrightText="© 2026 SOHO Islamabad — Pan-Asian Luxury Dining"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user