Merge version_1 into main #1
368
src/app/page.tsx
368
src/app/page.tsx
@@ -17,267 +17,129 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="text-stagger"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="pill"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Rooms",
|
||||
id: "#rooms",
|
||||
},
|
||||
{
|
||||
name: "Experience",
|
||||
id: "#experience",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
]}
|
||||
brandName="El-Classical"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{ name: "Rooms", id: "rooms" },
|
||||
{ name: "Experience", id: "experience" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="El-Classical"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroOverlayTestimonial
|
||||
title="Elegance Redefined"
|
||||
description="Experience the pinnacle of luxury at El-Classical Royal Hotel. Where antique gold meets modern charcoal refinement."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Alice M.",
|
||||
handle: "@alicem",
|
||||
testimonial: "Unparalleled luxury and service.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pretty-female-model-posing-sea-city-background_8353-12054.jpg",
|
||||
},
|
||||
{
|
||||
name: "John D.",
|
||||
handle: "@johnd",
|
||||
testimonial: "The gold standard of hospitality.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-beaujtiful-woman-luxury-travcel-house_23-2149140863.jpg",
|
||||
},
|
||||
{
|
||||
name: "Sarah P.",
|
||||
handle: "@sarahp",
|
||||
testimonial: "Exquisite design and detail.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-business-man-texting-smartphone-cafe_1262-3308.jpg",
|
||||
},
|
||||
{
|
||||
name: "Mark R.",
|
||||
handle: "@markr",
|
||||
testimonial: "Truly a royal experience.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/businessman-posing-cafe_1157-45684.jpg",
|
||||
},
|
||||
{
|
||||
name: "Elena V.",
|
||||
handle: "@elenav",
|
||||
testimonial: "Best stay in the city.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-businessman-working-office-couch-putting-long-hours-work-businessperson-professional-environment_482257-32779.jpg",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/comfortable-modern-hotel-suite-with-elegant-decoration-generated-by-ai_188544-29116.jpg"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/elegant-black-man-airport-with-suitcase_1157-34013.jpg",
|
||||
alt: "Guest profile 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/elegant-old-man-airport-with-suitcase_1157-33380.jpg",
|
||||
alt: "Guest profile 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/elegant-man-airport-with-suitcase_1157-33703.jpg",
|
||||
alt: "Guest profile 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/business-trip-corporate-people-concept-male-gray-coat-senior-wit-passport_1157-48844.jpg",
|
||||
alt: "Guest profile 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-couple-luxury-travel-house_23-2149140847.jpg",
|
||||
alt: "Guest profile 5",
|
||||
},
|
||||
]}
|
||||
avatarText="Join 5,000+ satisfied guests"
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroOverlayTestimonial
|
||||
title="Elegance Redefined"
|
||||
description="Experience the pinnacle of luxury at El-Classical Royal Hotel. Where antique gold meets modern charcoal refinement."
|
||||
testimonials={[
|
||||
{ name: "Alice M.", handle: "@alicem", testimonial: "Unparalleled luxury and service.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/pretty-female-model-posing-sea-city-background_8353-12054.jpg" },
|
||||
{ name: "John D.", handle: "@johnd", testimonial: "The gold standard of hospitality.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-beaujtiful-woman-luxury-travcel-house_23-2149140863.jpg" },
|
||||
{ name: "Sarah P.", handle: "@sarahp", testimonial: "Exquisite design and detail.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiling-business-man-texting-smartphone-cafe_1262-3308.jpg" },
|
||||
{ name: "Mark R.", handle: "@markr", testimonial: "Truly a royal experience.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/businessman-posing-cafe_1157-45684.jpg" },
|
||||
{ name: "Elena V.", handle: "@elenav", testimonial: "Best stay in the city.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-businessman-working-office-couch-putting-long-hours-work-businessperson-professional-environment_482257-32779.jpg" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/comfortable-modern-hotel-suite-with-elegant-decoration-generated-by-ai_188544-29116.jpg"
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/elegant-black-man-airport-with-suitcase_1157-34013.jpg", alt: "Guest profile 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/elegant-old-man-airport-with-suitcase_1157-33380.jpg", alt: "Guest profile 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/elegant-man-airport-with-suitcase_1157-33703.jpg", alt: "Guest profile 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/business-trip-corporate-people-concept-male-gray-coat-senior-wit-passport_1157-48844.jpg", alt: "Guest profile 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/close-up-couple-luxury-travel-house_23-2149140847.jpg", alt: "Guest profile 5" },
|
||||
]}
|
||||
avatarText="Join 5,000+ satisfied guests"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TextSplitAbout
|
||||
useInvertedBackground={false}
|
||||
title="Refinement in Every Detail"
|
||||
description={[
|
||||
"Located in the heart of GRA, El-Classical offers a sanctuary of peace.",
|
||||
"With 194 stellar reviews, we define world-class service.",
|
||||
"Our team is dedicated to your comfort 24/7.",
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<TextSplitAbout
|
||||
useInvertedBackground={false}
|
||||
title="Refinement in Every Detail"
|
||||
description={[
|
||||
"Located in the heart of GRA, El-Classical offers a sanctuary of peace.", "With 194 stellar reviews, we define world-class service.", "Our team is dedicated to your comfort 24/7."
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="rooms" data-section="rooms">
|
||||
<ProductCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "r1",
|
||||
brand: "Room",
|
||||
name: "Classic Suite",
|
||||
price: "$300/night",
|
||||
rating: 5,
|
||||
reviewCount: "42",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/interior-design-neoclassical-style-with-furnishings-decor_23-2151199314.jpg",
|
||||
},
|
||||
{
|
||||
id: "r2",
|
||||
brand: "Room",
|
||||
name: "Deluxe Suite",
|
||||
price: "$500/night",
|
||||
rating: 5,
|
||||
reviewCount: "88",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/living-room-items_23-2148848668.jpg",
|
||||
},
|
||||
{
|
||||
id: "r3",
|
||||
brand: "Room",
|
||||
name: "Royal Suite",
|
||||
price: "$900/night",
|
||||
rating: 5,
|
||||
reviewCount: "64",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-beautiful-comtemporary-luxury-bedroom-suite-hotel-with-tv_105762-2063.jpg",
|
||||
},
|
||||
{
|
||||
id: "r4",
|
||||
brand: "Room",
|
||||
name: "Junior Suite",
|
||||
price: "$400/night",
|
||||
rating: 4,
|
||||
reviewCount: "30",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/luxury-bedroom-with-modern-design-elegance-generated-by-ai_188544-33409.jpg",
|
||||
},
|
||||
{
|
||||
id: "r5",
|
||||
brand: "Room",
|
||||
name: "Master Suite",
|
||||
price: "$700/night",
|
||||
rating: 5,
|
||||
reviewCount: "50",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/interior-modern-comfortable-hotel-room_1232-1822.jpg",
|
||||
},
|
||||
{
|
||||
id: "r6",
|
||||
brand: "Room",
|
||||
name: "Royal Villa",
|
||||
price: "$1200/night",
|
||||
rating: 5,
|
||||
reviewCount: "10",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/luxury-bedroom-with-modern-design-elegance-generated-by-ai_188544-23557.jpg",
|
||||
},
|
||||
]}
|
||||
title="Exquisite Living"
|
||||
description="Discover our collection of handcrafted suites, designed for those who appreciate the finer things in life."
|
||||
/>
|
||||
</div>
|
||||
<div id="rooms" data-section="rooms">
|
||||
<ProductCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{ id: "r1", brand: "Room", name: "Classic Suite", price: "$300/night", rating: 5, reviewCount: "42", imageSrc: "http://img.b2bpic.net/free-photo/interior-design-neoclassical-style-with-furnishings-decor_23-2151199314.jpg" },
|
||||
{ id: "r2", brand: "Room", name: "Deluxe Suite", price: "$500/night", rating: 5, reviewCount: "88", imageSrc: "http://img.b2bpic.net/free-photo/living-room-items_23-2148848668.jpg" },
|
||||
{ id: "r3", brand: "Room", name: "Royal Suite", price: "$900/night", rating: 5, reviewCount: "64", imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-beautiful-comtemporary-luxury-bedroom-suite-hotel-with-tv_105762-2063.jpg" },
|
||||
{ id: "r4", brand: "Room", name: "Junior Suite", price: "$400/night", rating: 4, reviewCount: "30", imageSrc: "http://img.b2bpic.net/free-photo/luxury-bedroom-with-modern-design-elegance-generated-by-ai_188544-33409.jpg" },
|
||||
{ id: "r5", brand: "Room", name: "Master Suite", price: "$700/night", rating: 5, reviewCount: "50", imageSrc: "http://img.b2bpic.net/free-photo/interior-modern-comfortable-hotel-room_1232-1822.jpg" },
|
||||
{ id: "r6", brand: "Room", name: "Royal Villa", price: "$1200/night", rating: 5, reviewCount: "10", imageSrc: "http://img.b2bpic.net/free-photo/luxury-bedroom-with-modern-design-elegance-generated-by-ai_188544-23557.jpg" }
|
||||
]}
|
||||
title="Exquisite Living"
|
||||
description="Discover our collection of handcrafted suites, designed for those who appreciate the finer things in life."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="experience" data-section="experience">
|
||||
<FeatureHoverPattern
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
icon: Sparkles,
|
||||
title: "Outdoor Pool",
|
||||
description: "Relax in our crystal clear, climate-controlled sanctuary.",
|
||||
},
|
||||
{
|
||||
icon: Zap,
|
||||
title: "Gourmet Dining",
|
||||
description: "Culinary delights prepared by Michelin-starred chefs.",
|
||||
},
|
||||
{
|
||||
icon: Shield,
|
||||
title: "24/7 Security",
|
||||
description: "Privacy and safety with round-the-clock professional staff.",
|
||||
},
|
||||
{
|
||||
icon: Award,
|
||||
title: "Events & Galas",
|
||||
description: "Sophisticated event spaces for life's biggest celebrations.",
|
||||
},
|
||||
]}
|
||||
title="Curated Experiences"
|
||||
description="Indulge in our world-class amenities designed for your total relaxation."
|
||||
/>
|
||||
</div>
|
||||
<div id="experience" data-section="experience">
|
||||
<FeatureHoverPattern
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ icon: Sparkles, title: "Outdoor Pool", description: "Relax in our crystal clear, climate-controlled sanctuary." },
|
||||
{ icon: Zap, title: "Gourmet Dining", description: "Culinary delights prepared by Michelin-starred chefs." },
|
||||
{ icon: Shield, title: "24/7 Security", description: "Privacy and safety with round-the-clock professional staff." },
|
||||
{ icon: Award, title: "Events & Galas", description: "Sophisticated event spaces for life's biggest celebrations." }
|
||||
]}
|
||||
title="Curated Experiences"
|
||||
description="Indulge in our world-class amenities designed for your total relaxation."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
tag="Inquiry"
|
||||
title="Reserve Your Stay"
|
||||
description="Speak with our concierge team today to secure your reservation at El-Classical."
|
||||
mediaAnimation="slide-up"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/luxury-bedroom-interior-with-rich-furniture-scenic-view-from-walkout-deck_1258-111483.jpg"
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "radial-gradient" }}
|
||||
tag="Inquiry"
|
||||
title="Reserve Your Stay"
|
||||
description="Speak with our concierge team today to secure your reservation at El-Classical."
|
||||
mediaAnimation="slide-up"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/luxury-bedroom-interior-with-rich-furniture-scenic-view-from-walkout-deck_1258-111483.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="http://img.b2bpic.net/free-photo/architecture-shadows-day-city_23-2149451181.jpg"
|
||||
logoText="El-Classical"
|
||||
columns={[
|
||||
{
|
||||
title: "Navigate",
|
||||
items: [
|
||||
{
|
||||
label: "Rooms",
|
||||
href: "#rooms",
|
||||
},
|
||||
{
|
||||
label: "Experience",
|
||||
href: "#experience",
|
||||
},
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Contact",
|
||||
items: [
|
||||
{
|
||||
label: "Reservations",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
label: "Email",
|
||||
href: "mailto:hello@elclassical.com",
|
||||
},
|
||||
{
|
||||
label: "Phone",
|
||||
href: "tel:+123456789",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="http://img.b2bpic.net/free-photo/architecture-shadows-day-city_23-2149451181.jpg"
|
||||
logoText="El-Classical"
|
||||
columns={[
|
||||
{
|
||||
title: "Navigate", items: [
|
||||
{ label: "Rooms", href: "#rooms" },
|
||||
{ label: "Experience", href: "#experience" },
|
||||
{ label: "About", href: "#about" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Contact", items: [
|
||||
{ label: "Reservations", href: "#contact" },
|
||||
{ label: "Email", href: "mailto:hello@elclassical.com" },
|
||||
{ label: "Phone", href: "tel:+123456789" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user