Compare commits
1 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| e68fe83539 |
272
src/app/page.tsx
272
src/app/page.tsx
@@ -11,6 +11,7 @@ import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen
|
|||||||
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
||||||
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
||||||
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
|
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
|
||||||
|
import PricingCardEight from '@/components/sections/pricing/PricingCardEight';
|
||||||
|
|
||||||
export default function LandingPage() {
|
export default function LandingPage() {
|
||||||
return (
|
return (
|
||||||
@@ -31,21 +32,15 @@ export default function LandingPage() {
|
|||||||
<NavbarStyleCentered
|
<NavbarStyleCentered
|
||||||
navItems={[
|
navItems={[
|
||||||
{
|
{
|
||||||
name: "Home",
|
name: "Home", id: "hero"},
|
||||||
id: "hero",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "About",
|
name: "About", id: "about"},
|
||||||
id: "about",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Events",
|
name: "Events", id: "events"},
|
||||||
id: "events",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Contact",
|
name: "Pricing", id: "pricing"},
|
||||||
id: "contact",
|
{
|
||||||
},
|
name: "Contact", id: "contact"},
|
||||||
]}
|
]}
|
||||||
brandName="Trend"
|
brandName="Trend"
|
||||||
/>
|
/>
|
||||||
@@ -55,98 +50,55 @@ export default function LandingPage() {
|
|||||||
<HeroBillboardTestimonial
|
<HeroBillboardTestimonial
|
||||||
useInvertedBackground={true}
|
useInvertedBackground={true}
|
||||||
background={{
|
background={{
|
||||||
variant: "gradient-bars",
|
variant: "gradient-bars"}}
|
||||||
}}
|
|
||||||
title="Trend Amman: Where the City Comes Alive"
|
title="Trend Amman: Where the City Comes Alive"
|
||||||
description="Experience the heartbeat of Amman nightlife. Premium service, world-class beats, and an unforgettable vibe awaits you at Trend."
|
description="Experience the heartbeat of Amman nightlife. Premium service, world-class beats, and an unforgettable vibe awaits you at Trend."
|
||||||
testimonials={[
|
testimonials={[
|
||||||
{
|
{
|
||||||
name: "Layla",
|
name: "Layla", handle: "@layla_amman", testimonial: "The best club in Amman. The vibe is always unmatched!", rating: 5,
|
||||||
handle: "@layla_amman",
|
imageSrc: "http://img.b2bpic.net/free-photo/glamorous-girl-posing-while-resting-modern-cafe_158595-4350.jpg"},
|
||||||
testimonial: "The best club in Amman. The vibe is always unmatched!",
|
|
||||||
rating: 5,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/glamorous-girl-posing-while-resting-modern-cafe_158595-4350.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Omar",
|
name: "Omar", handle: "@omar_jordan", testimonial: "Excellent service and world-class sound. Definitely a trendsetter.", rating: 5,
|
||||||
handle: "@omar_jordan",
|
imageSrc: "http://img.b2bpic.net/free-photo/young-friends-with-sparklers-night-beach_23-2147645596.jpg"},
|
||||||
testimonial: "Excellent service and world-class sound. Definitely a trendsetter.",
|
|
||||||
rating: 5,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/young-friends-with-sparklers-night-beach_23-2147645596.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Sara",
|
name: "Sara", handle: "@sara_night", testimonial: "Every weekend here is an event to remember.", rating: 5,
|
||||||
handle: "@sara_night",
|
imageSrc: "http://img.b2bpic.net/free-photo/techno-party-lifestyle_52683-122056.jpg"},
|
||||||
testimonial: "Every weekend here is an event to remember.",
|
|
||||||
rating: 5,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/techno-party-lifestyle_52683-122056.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Karim",
|
name: "Karim", handle: "@k_night", testimonial: "Professional staff and a stunning venue.", rating: 5,
|
||||||
handle: "@k_night",
|
imageSrc: "http://img.b2bpic.net/free-photo/interested-young-woman-yellow-pants-sitting-street-outdoor-photo-winsome-brunette-girl-posing-bench_197531-9426.jpg"},
|
||||||
testimonial: "Professional staff and a stunning venue.",
|
|
||||||
rating: 5,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/interested-young-woman-yellow-pants-sitting-street-outdoor-photo-winsome-brunette-girl-posing-bench_197531-9426.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Nadine",
|
name: "Nadine", handle: "@nadine_trend", testimonial: "Always high energy. My favorite spot in Amman.", rating: 5,
|
||||||
handle: "@nadine_trend",
|
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman_1303-17561.jpg"},
|
||||||
testimonial: "Always high energy. My favorite spot in Amman.",
|
|
||||||
rating: 5,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman_1303-17561.jpg",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
buttons={[
|
buttons={[
|
||||||
{
|
{
|
||||||
text: "Reserve Now",
|
text: "Reserve Now", href: "#contact"},
|
||||||
href: "#contact",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
imageSrc="http://img.b2bpic.net/free-photo/bowling-alley-neon-lights_23-2151697017.jpg"
|
imageSrc="http://img.b2bpic.net/free-photo/bowling-alley-neon-lights_23-2151697017.jpg"
|
||||||
mediaAnimation="slide-up"
|
mediaAnimation="slide-up"
|
||||||
avatars={[
|
avatars={[
|
||||||
{
|
{
|
||||||
src: "http://img.b2bpic.net/free-photo/photorealistic-wedding-venue-with-intricate-decor-ornaments_23-2151481522.jpg",
|
src: "http://img.b2bpic.net/free-photo/photorealistic-wedding-venue-with-intricate-decor-ornaments_23-2151481522.jpg", alt: "Guest 1"},
|
||||||
alt: "Guest 1",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
src: "http://img.b2bpic.net/free-photo/cosmic-background-with-colorful-geometric-laser-lights_181624-26247.jpg",
|
src: "http://img.b2bpic.net/free-photo/cosmic-background-with-colorful-geometric-laser-lights_181624-26247.jpg", alt: "Guest 2"},
|
||||||
alt: "Guest 2",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
src: "http://img.b2bpic.net/free-photo/closeup-shot-purple-neon-lights-forming-triangular-shapes-perspective_181624-56899.jpg",
|
src: "http://img.b2bpic.net/free-photo/closeup-shot-purple-neon-lights-forming-triangular-shapes-perspective_181624-56899.jpg", alt: "Guest 3"},
|
||||||
alt: "Guest 3",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
src: "http://img.b2bpic.net/free-photo/unfocused-entry-disco-colors_1208-250.jpg",
|
src: "http://img.b2bpic.net/free-photo/unfocused-entry-disco-colors_1208-250.jpg", alt: "Guest 4"},
|
||||||
alt: "Guest 4",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
src: "http://img.b2bpic.net/free-photo/black-boy-posing-with-headphones_23-2148171778.jpg",
|
src: "http://img.b2bpic.net/free-photo/black-boy-posing-with-headphones_23-2148171778.jpg", alt: "Guest 5"},
|
||||||
alt: "Guest 5",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
marqueeItems={[
|
marqueeItems={[
|
||||||
{
|
{
|
||||||
type: "text",
|
type: "text", text: "Premium Nightlife"},
|
||||||
text: "Premium Nightlife",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
type: "text",
|
type: "text", text: "VIP Service"},
|
||||||
text: "VIP Service",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
type: "text",
|
type: "text", text: "Amman's Best"},
|
||||||
text: "Amman's Best",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
type: "text",
|
type: "text", text: "Exclusive Beats"},
|
||||||
text: "Exclusive Beats",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
type: "text",
|
type: "text", text: "Trend Setting"},
|
||||||
text: "Trend Setting",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
@@ -156,9 +108,7 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
title="A New Chapter in Nightlife"
|
title="A New Chapter in Nightlife"
|
||||||
description={[
|
description={[
|
||||||
"Trend is more than just a club; it’s an experience. Nestled in the heart of Amman, we combine luxury with music to create an atmosphere that resonates with every guest.",
|
"Trend is more than just a club; it’s an experience. Nestled in the heart of Amman, we combine luxury with music to create an atmosphere that resonates with every guest.", "Our venue features state-of-the-art sound systems, bespoke interiors, and unmatched service to ensure every night is an event to remember."]}
|
||||||
"Our venue features state-of-the-art sound systems, bespoke interiors, and unmatched service to ensure every night is an event to remember.",
|
|
||||||
]}
|
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@@ -169,38 +119,17 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={true}
|
useInvertedBackground={true}
|
||||||
features={[
|
features={[
|
||||||
{
|
{
|
||||||
id: "f1",
|
id: "f1", title: "Artisan Cocktails", author: "Mixology Team", description: "Handcrafted drinks served with flare.", tags: [
|
||||||
title: "Artisan Cocktails",
|
"Drinks", "Service"],
|
||||||
author: "Mixology Team",
|
imageSrc: "http://img.b2bpic.net/free-photo/romantic-couple-city-night-taking-selfie_23-2149215119.jpg"},
|
||||||
description: "Handcrafted drinks served with flare.",
|
|
||||||
tags: [
|
|
||||||
"Drinks",
|
|
||||||
"Service",
|
|
||||||
],
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/romantic-couple-city-night-taking-selfie_23-2149215119.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "f2",
|
id: "f2", title: "World-Class Sound", author: "Sound Team", description: "Immersive soundscapes for the best beats.", tags: [
|
||||||
title: "World-Class Sound",
|
"Audio", "Vibe"],
|
||||||
author: "Sound Team",
|
imageSrc: "http://img.b2bpic.net/free-photo/rainbow-abstract-background-with-neon-led-light_53876-103802.jpg"},
|
||||||
description: "Immersive soundscapes for the best beats.",
|
|
||||||
tags: [
|
|
||||||
"Audio",
|
|
||||||
"Vibe",
|
|
||||||
],
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/rainbow-abstract-background-with-neon-led-light_53876-103802.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "f3",
|
id: "f3", title: "VIP Luxury Booths", author: "Management", description: "Exclusive areas with premium bottle service.", tags: [
|
||||||
title: "VIP Luxury Booths",
|
"VIP", "Privacy"],
|
||||||
author: "Management",
|
imageSrc: "http://img.b2bpic.net/free-photo/unfocused-entry-disco-colors_1208-243.jpg"},
|
||||||
description: "Exclusive areas with premium bottle service.",
|
|
||||||
tags: [
|
|
||||||
"VIP",
|
|
||||||
"Privacy",
|
|
||||||
],
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/unfocused-entry-disco-colors_1208-243.jpg",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
title="Unmatched Nightclub Experiences"
|
title="Unmatched Nightclub Experiences"
|
||||||
description="Discover what makes Trend the ultimate destination for your night out."
|
description="Discover what makes Trend the ultimate destination for your night out."
|
||||||
@@ -215,47 +144,47 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
products={[
|
products={[
|
||||||
{
|
{
|
||||||
id: "e1",
|
id: "e1", name: "Trend Fridays", price: "VIP Access", imageSrc: "http://img.b2bpic.net/free-photo/front-view-male-bartender-making-drink-working-with-shakers-white-wall-night-bar-alcohol-club-drink-job_140725-121905.jpg"},
|
||||||
name: "Trend Fridays",
|
|
||||||
price: "VIP Access",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-male-bartender-making-drink-working-with-shakers-white-wall-night-bar-alcohol-club-drink-job_140725-121905.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "e2",
|
id: "e2", name: "Neon Saturdays", price: "Limited", imageSrc: "http://img.b2bpic.net/free-photo/cosmic-background-with-blue-red-laser-lights-perfect-digital-background_181624-32643.jpg"},
|
||||||
name: "Neon Saturdays",
|
|
||||||
price: "Limited",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/cosmic-background-with-blue-red-laser-lights-perfect-digital-background_181624-32643.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "e3",
|
id: "e3", name: "Signature Nights", price: "Reserve", imageSrc: "http://img.b2bpic.net/free-photo/portrait-rich-woman-indoors-with-book_23-2149548502.jpg"},
|
||||||
name: "Signature Nights",
|
|
||||||
price: "Reserve",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-rich-woman-indoors-with-book_23-2149548502.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "e4",
|
id: "e4", name: "Deep Beats Session", price: "VIP", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-optical-fiber-detail_23-2149182520.jpg"},
|
||||||
name: "Deep Beats Session",
|
|
||||||
price: "VIP",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-optical-fiber-detail_23-2149182520.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "e5",
|
id: "e5", name: "Grand Gala", price: "RSVP Only", imageSrc: "http://img.b2bpic.net/free-photo/man-preparing-cocktails_23-2148454466.jpg"},
|
||||||
name: "Grand Gala",
|
|
||||||
price: "RSVP Only",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/man-preparing-cocktails_23-2148454466.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "e6",
|
id: "e6", name: "Summer Showcase", price: "Tickets", imageSrc: "http://img.b2bpic.net/free-photo/group-friends-celebrating-new-year-s-eve-home_23-2148741470.jpg"},
|
||||||
name: "Summer Showcase",
|
|
||||||
price: "Tickets",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/group-friends-celebrating-new-year-s-eve-home_23-2148741470.jpg",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
title="Upcoming Nights"
|
title="Upcoming Nights"
|
||||||
description="Join our upcoming exclusive events."
|
description="Join our upcoming exclusive events."
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
<div id="pricing" data-section="pricing">
|
||||||
|
<PricingCardEight
|
||||||
|
animationType="slide-up"
|
||||||
|
textboxLayout="default"
|
||||||
|
useInvertedBackground={true}
|
||||||
|
title="Table Availability & Booking"
|
||||||
|
description="Select your preferred area and reserve your space for the night."
|
||||||
|
plans={[
|
||||||
|
{
|
||||||
|
id: "p1", badge: "VIP Lounge", price: "Limited", subtitle: "Prime View", features: ["Bottle Service", "Dedicated Server", "Best Sound"],
|
||||||
|
buttons: [{ text: "Book Table", href: "#contact" }]
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: "p2", badge: "Dance Floor", price: "Available", subtitle: "Stay Close", features: ["Immediate Access", "Near Deejay", "High Energy"],
|
||||||
|
buttons: [{ text: "Book Table", href: "#contact" }]
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: "p3", badge: "Bar Side", price: "Open", subtitle: "Quick Access", features: ["Bar Proximity", "Cocktail Specials", "Flexible Seating"],
|
||||||
|
buttons: [{ text: "Book Table", href: "#contact" }]
|
||||||
|
}
|
||||||
|
]}
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
|
||||||
<div id="metrics" data-section="metrics">
|
<div id="metrics" data-section="metrics">
|
||||||
<MetricCardFourteen
|
<MetricCardFourteen
|
||||||
useInvertedBackground={true}
|
useInvertedBackground={true}
|
||||||
@@ -263,20 +192,11 @@ export default function LandingPage() {
|
|||||||
tag="Our Impact"
|
tag="Our Impact"
|
||||||
metrics={[
|
metrics={[
|
||||||
{
|
{
|
||||||
id: "m1",
|
id: "m1", value: "500+", description: "Happy Guests Monthly"},
|
||||||
value: "500+",
|
|
||||||
description: "Happy Guests Monthly",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "m2",
|
id: "m2", value: "12", description: "Expert Bartenders"},
|
||||||
value: "12",
|
|
||||||
description: "Expert Bartenders",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "m3",
|
id: "m3", value: "24/7", description: "Passion for Quality"},
|
||||||
value: "24/7",
|
|
||||||
description: "Passion for Quality",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
metricsAnimation="slide-up"
|
metricsAnimation="slide-up"
|
||||||
/>
|
/>
|
||||||
@@ -288,20 +208,11 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
faqs={[
|
faqs={[
|
||||||
{
|
{
|
||||||
id: "q1",
|
id: "q1", title: "Do I need a reservation?", content: "Yes, we highly recommend reservations for VIP areas and peak hours."},
|
||||||
title: "Do I need a reservation?",
|
|
||||||
content: "Yes, we highly recommend reservations for VIP areas and peak hours.",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "q2",
|
id: "q2", title: "What is the dress code?", content: "Smart casual or formal—dress to impress."},
|
||||||
title: "What is the dress code?",
|
|
||||||
content: "Smart casual or formal—dress to impress.",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "q3",
|
id: "q3", title: "Where are you located?", content: "We are located in the vibrant district of Amman, Jordan."},
|
||||||
title: "Where are you located?",
|
|
||||||
content: "We are located in the vibrant district of Amman, Jordan.",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
title="Got Questions?"
|
title="Got Questions?"
|
||||||
description="Find everything you need to know."
|
description="Find everything you need to know."
|
||||||
@@ -313,16 +224,13 @@ export default function LandingPage() {
|
|||||||
<ContactCTA
|
<ContactCTA
|
||||||
useInvertedBackground={true}
|
useInvertedBackground={true}
|
||||||
background={{
|
background={{
|
||||||
variant: "sparkles-gradient",
|
variant: "sparkles-gradient"}}
|
||||||
}}
|
|
||||||
tag="Reservations"
|
tag="Reservations"
|
||||||
title="Book Your Spot Today"
|
title="Book Your Spot Today"
|
||||||
description="Join the Trend and secure your table at Amman's hottest nightclub destination."
|
description="Join the Trend and secure your table at Amman's hottest nightclub destination."
|
||||||
buttons={[
|
buttons={[
|
||||||
{
|
{
|
||||||
text: "Call to Reserve",
|
text: "Call to Reserve", href: "tel:+962777777777"},
|
||||||
href: "tel:+962777777777",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
@@ -333,37 +241,27 @@ export default function LandingPage() {
|
|||||||
{
|
{
|
||||||
items: [
|
items: [
|
||||||
{
|
{
|
||||||
label: "About Us",
|
label: "About Us", href: "#about"},
|
||||||
href: "#about",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
label: "Upcoming Events",
|
label: "Upcoming Events", href: "#events"},
|
||||||
href: "#events",
|
{
|
||||||
},
|
label: "Pricing", href: "#pricing"},
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
items: [
|
items: [
|
||||||
{
|
{
|
||||||
label: "Instagram",
|
label: "Instagram", href: "#"},
|
||||||
href: "#",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
label: "WhatsApp",
|
label: "WhatsApp", href: "#"},
|
||||||
href: "#",
|
|
||||||
},
|
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
items: [
|
items: [
|
||||||
{
|
{
|
||||||
label: "Privacy Policy",
|
label: "Privacy Policy", href: "#"},
|
||||||
href: "#",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
label: "Terms of Service",
|
label: "Terms of Service", href: "#"},
|
||||||
href: "#",
|
|
||||||
},
|
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
]}
|
]}
|
||||||
|
|||||||
Reference in New Issue
Block a user