Update src/app/page.tsx

This commit is contained in:
2026-05-10 09:22:00 +00:00
parent 1b89273dc3
commit 48b56b4177

View File

@@ -11,7 +11,7 @@ import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaA
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
import { Award, Music, Sparkles, Star, Users } from "lucide-react";
import { Award, Music, Sparkles, Star, Users, MapPin, Mail, Phone } from "lucide-react";
export default function LandingPage() {
return (
@@ -31,22 +31,11 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay
navItems={[
{
name: "About",
id: "#about",
},
{
name: "Experience",
id: "#experience",
},
{
name: "Menu",
id: "#menu",
},
{
name: "Contact",
id: "#contact",
},
{ name: "About", id: "#about" },
{ name: "Experience", id: "#experience" },
{ name: "Menu", id: "#menu" },
{ name: "Testimonials", id: "#testimonials" },
{ name: "Contact", id: "#contact" },
]}
brandName="Terrace Lounge"
/>
@@ -55,100 +44,13 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroBillboardTestimonial
useInvertedBackground={false}
background={{
variant: "gradient-bars",
}}
background={{ variant: "gradient-bars" }}
title="Elevate Your Evening at Terrace Lounge"
description="Experience unparalleled sophistication, artisanal cocktails, and stunning views. Join us for an unforgettable night above the city skyline."
testimonials={[
{
name: "Elena R.",
handle: "@elena_nights",
testimonial: "The best views in the city. The cocktails are truly artisanal.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/modern-female-sitting-couch_23-2148415753.jpg",
},
{
name: "Marcus V.",
handle: "@m_travels",
testimonial: "Sophisticated atmosphere and impeccable service. Highly recommend.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/stylish-positive-pretty-young-woman-having-fun-wearing-evening-sparkling-cocktail-outfit-fur-leopard-printed-trendy-coat-pink-background-enjoying-winter-holidays-party_291049-1650.jpg",
},
{
name: "Sarah J.",
handle: "@sarah_j",
testimonial: "Perfect spot for evening drinks. Will definitely return soon.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/old-tourists-chat-videocall_482257-81596.jpg",
},
{
name: "David W.",
handle: "@dave_w",
testimonial: "An incredible experience. The ambience is second to none.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-curly-woman-enjoying-her-wine-bar_627829-6878.jpg",
},
{
name: "Nina P.",
handle: "@nina_p",
testimonial: "Classy and relaxing. Exactly what I needed for a night out.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/people-cheering-with-wine-glasses-luxurious-restaurant_23-2150517411.jpg",
},
]}
buttons={[
{
text: "Book Your Table",
href: "#contact",
},
]}
testimonials={[]}
buttons={[{ text: "Book Your Table", href: "#contact" }]}
imageSrc="http://img.b2bpic.net/free-photo/glass-balls-with-candles-hang-before-window_1304-5597.jpg?_wi=1"
imageAlt="Terrace lounge rooftop view"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/balcony-witu-elegant-furniture-decoration-generative-ai_188544-12681.jpg",
alt: "Elegant guest at balcony",
},
{
src: "http://img.b2bpic.net/free-photo/dining-sitting-furniture-set-cafe-restaurant-with-light-colors-big-windows_114579-1522.jpg",
alt: "Patron in lounge area",
},
{
src: "http://img.b2bpic.net/free-photo/confident-young-indian-man-black-shirt-standing-cafe_627829-5462.jpg",
alt: "Confident guest at bar",
},
{
src: "http://img.b2bpic.net/free-photo/empty-therapist-office-with-modern-furniture-decorations_482257-108008.jpg",
alt: "Happy regular guest",
},
{
src: "http://img.b2bpic.net/free-photo/life-after-covid-freedom-concept_23-2149068500.jpg",
alt: "Sophisticated visitor",
},
]}
marqueeItems={[
{
type: "text",
text: "Artisanal Cocktails",
},
{
type: "text",
text: "Stunning Rooftop Views",
},
{
type: "text",
text: "Private Event Spaces",
},
{
type: "text",
text: "Curated Music Sets",
},
{
type: "text",
text: "Sophisticated Social Vibes",
},
]}
/>
</div>
@@ -158,21 +60,11 @@ export default function LandingPage() {
title="A Legacy of Sophistication"
description="Terrace Lounge combines modern design with an iconic view, offering curated culinary experiences and a warm, inviting social atmosphere."
metrics={[
{
value: "15+",
title: "Artisanal Cocktails",
},
{
value: "200+",
title: "Satisfied Guests Weekly",
},
{
value: "8th",
title: "Floor Sky View",
},
{ value: "15+", title: "Artisanal Cocktails" },
{ value: "200+", title: "Satisfied Guests Weekly" },
{ value: "8th", title: "Floor Sky View" },
]}
imageSrc="http://img.b2bpic.net/free-photo/empty-modern-room-with-furniture_23-2149178358.jpg?_wi=1"
imageAlt="Terrace Lounge interior"
mediaAnimation="slide-up"
metricsAnimation="blur-reveal"
/>
@@ -184,30 +76,9 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
features={[
{
title: "Private Events",
description: "Host your special moments in our exclusive terrace section.",
bentoComponent: "reveal-icon",
icon: Sparkles,
imageSrc: "http://img.b2bpic.net/free-photo/white-sofa-with-orange-cushions_1122-1474.jpg",
imageAlt: "White sofa with orange cushions",
},
{
title: "Live Acoustic",
description: "Enjoy curated music every Thursday through Saturday.",
bentoComponent: "reveal-icon",
icon: Music,
imageSrc: "http://img.b2bpic.net/free-photo/glass-balls-with-candles-hang-before-window_1304-5597.jpg?_wi=2",
imageAlt: "White sofa with orange cushions",
},
{
title: "Craft Menu",
description: "Locally sourced ingredients, globally inspired flavors.",
bentoComponent: "reveal-icon",
icon: Award,
imageSrc: "http://img.b2bpic.net/free-photo/empty-modern-room-with-furniture_23-2149178358.jpg?_wi=2",
imageAlt: "White sofa with orange cushions",
},
{ title: "Private Events", description: "Host your special moments in our exclusive terrace section.", bentoComponent: "reveal-icon", icon: Sparkles },
{ title: "Live Acoustic", description: "Enjoy curated music every Thursday through Saturday.", bentoComponent: "reveal-icon", icon: Music },
{ title: "Craft Menu", description: "Locally sourced ingredients, globally inspired flavors.", bentoComponent: "reveal-icon", icon: Award },
]}
title="The Ultimate Lounge Experience"
description="From private event spaces to live acoustic sets, we provide a complete evening escape."
@@ -220,42 +91,9 @@ export default function LandingPage() {
gridVariant="three-columns-all-equal-width"
useInvertedBackground={false}
products={[
{
id: "1",
name: "Sunset Spritz",
price: "$18",
imageSrc: "http://img.b2bpic.net/free-photo/still-life-stacked-aesthetic-objects_23-2150185353.jpg",
},
{
id: "2",
name: "Truffle Bites",
price: "$15",
imageSrc: "http://img.b2bpic.net/free-photo/top-view-beef-steak-tartar-still-life_23-2150655660.jpg",
},
{
id: "3",
name: "Old Fashioned",
price: "$20",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-bartender-creating-delicious-drink_23-2149125749.jpg",
},
{
id: "4",
name: "Vanilla Velvet",
price: "$12",
imageSrc: "http://img.b2bpic.net/free-photo/woman-eating-greek-salad-with-fruit-juice-bread_140725-10814.jpg",
},
{
id: "5",
name: "Spiced Hibiscus",
price: "$16",
imageSrc: "http://img.b2bpic.net/free-photo/clear-wine-glass-brown-wooden-table_209848-77.jpg",
},
{
id: "6",
name: "Velvet Martini",
price: "$22",
imageSrc: "http://img.b2bpic.net/free-photo/tacos-with-lemon-glass-beer_140725-6352.jpg",
},
{ id: "1", name: "Sunset Spritz", price: "$18", imageSrc: "http://img.b2bpic.net/free-photo/still-life-stacked-aesthetic-objects_23-2150185353.jpg" },
{ id: "2", name: "Truffle Bites", price: "$15", imageSrc: "http://img.b2bpic.net/free-photo/top-view-beef-steak-tartar-still-life_23-2150655660.jpg" },
{ id: "3", name: "Old Fashioned", price: "$20", imageSrc: "http://img.b2bpic.net/free-photo/close-up-bartender-creating-delicious-drink_23-2149125749.jpg" },
]}
title="Our Signature Selection"
description="Discover our favorite drinks and dishes crafted by our expert mixologists and chefs."
@@ -268,41 +106,9 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
testimonials={[
{
id: "t1",
name: "Elena R.",
role: "Patron",
testimonial: "Everything was exceptional.",
imageSrc: "http://img.b2bpic.net/free-photo/blonde-business-woman-working-her-laptop_23-2149100277.jpg",
},
{
id: "t2",
name: "Marcus V.",
role: "Visitor",
testimonial: "Highly recommend this spot.",
imageSrc: "http://img.b2bpic.net/free-photo/happy-beautiful-women-sitting-bowling-club_23-2148344514.jpg",
},
{
id: "t3",
name: "Sarah J.",
role: "Regular",
testimonial: "Perfect atmosphere always.",
imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-woman-holding-drink_23-2149529675.jpg",
},
{
id: "t4",
name: "David W.",
role: "Guest",
testimonial: "Atmosphere is incredible.",
imageSrc: "http://img.b2bpic.net/free-photo/person-working-remotely-project_23-2149273683.jpg",
},
{
id: "t5",
name: "Nina P.",
role: "Visitor",
testimonial: "Classy and quite memorable.",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-rich-woman-indoors-with-book_23-2149548502.jpg",
},
{ id: "t1", name: "Elena R.", role: "Patron", testimonial: "The cocktails are truly artisanal and the view is breathtaking.", imageSrc: "http://img.b2bpic.net/free-photo/modern-female-sitting-couch_23-2148415753.jpg" },
{ id: "t2", name: "Marcus V.", role: "Visitor", testimonial: "Sophisticated atmosphere and impeccable service. Highly recommend.", imageSrc: "http://img.b2bpic.net/free-photo/stylish-positive-pretty-young-woman-having-fun-wearing-evening-sparkling-cocktail-outfit-fur-leopard-printed-trendy-coat-pink-background-enjoying-winter-holidays-party_291049-1650.jpg" },
{ id: "t3", name: "Sarah J.", role: "Regular", testimonial: "Perfect spot for evening drinks. Will definitely return soon.", imageSrc: "http://img.b2bpic.net/free-photo/old-tourists-chat-videocall_482257-81596.jpg" },
]}
title="Hear From Our Guests"
description="Discover why our guests choose us for their nights out and special celebrations."
@@ -316,27 +122,9 @@ export default function LandingPage() {
gridVariant="uniform-all-items-equal"
useInvertedBackground={false}
metrics={[
{
id: "m1",
value: "10k+",
title: "Total Guests",
description: "Served with pride",
icon: Users,
},
{
id: "m2",
value: "5.0",
title: "Average Rating",
description: "From trusted reviews",
icon: Star,
},
{
id: "m3",
value: "24",
title: "Signature Cocktails",
description: "Crafted fresh daily",
icon: Star,
},
{ id: "m1", value: "10k+", title: "Total Guests", description: "Served with pride", icon: Users },
{ id: "m2", value: "5.0", title: "Average Rating", description: "From trusted reviews", icon: Star },
{ id: "m3", value: "24", title: "Signature Cocktails", description: "Crafted fresh daily", icon: Star },
]}
title="By The Numbers"
description="Our passion for quality reflects in our numbers."
@@ -346,12 +134,10 @@ export default function LandingPage() {
<div id="contact" data-section="contact">
<ContactCenter
useInvertedBackground={false}
background={{
variant: "sparkles-gradient",
}}
tag="Reserve Your Spot"
title="Join Us Tonight"
description="Enter your email for exclusive invites and updates on our lounge events."
background={{ variant: "sparkles-gradient" }}
tag="Contact Information"
title="Get In Touch"
description="123 Skyline Terrace, Metropolis. Email us at hello@terracelounge.com or call us at (555) 123-4567."
/>
</div>
@@ -360,38 +146,21 @@ export default function LandingPage() {
columns={[
{
items: [
{
label: "About",
href: "#about",
},
{
label: "Experience",
href: "#experience",
},
{ label: "About", href: "#about" },
{ label: "Experience", href: "#experience" },
{ label: "Menu", href: "#menu" },
],
},
{
items: [
{
label: "Menu",
href: "#menu",
},
{
label: "Contact",
href: "#contact",
},
{ label: "Testimonials", href: "#testimonials" },
{ label: "Contact", href: "#contact" },
],
},
{
items: [
{
label: "Privacy",
href: "#",
},
{
label: "Terms",
href: "#",
},
{ label: "Privacy Policy", href: "#" },
{ label: "Terms of Service", href: "#" },
],
},
]}