Merge version_1 into main
Merge version_1 into main
This commit was merged in pull request #1.
This commit is contained in:
352
src/app/page.tsx
352
src/app/page.tsx
@@ -2,6 +2,7 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import { Sparkles } from "lucide-react";
|
||||
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
||||
import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwentySix';
|
||||
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
|
||||
@@ -14,256 +15,125 @@ import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCar
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="directional-hover"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="rounded"
|
||||
contentWidth="mediumSmall"
|
||||
sizing="mediumLargeSizeLargeTitles"
|
||||
background="floatingGradient"
|
||||
cardStyle="glass-depth"
|
||||
primaryButtonStyle="primary-glow"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="semibold"
|
||||
defaultButtonVariant="directional-hover"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="rounded"
|
||||
contentWidth="mediumSmall"
|
||||
sizing="mediumLargeSizeLargeTitles"
|
||||
background="floatingGradient"
|
||||
cardStyle="glass-depth"
|
||||
primaryButtonStyle="primary-glow"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="semibold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "home",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Suites",
|
||||
id: "rooms",
|
||||
},
|
||||
{
|
||||
name: "Experience",
|
||||
id: "features",
|
||||
},
|
||||
]}
|
||||
brandName="Los Tajibos Resort"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{ name: "Home", id: "home" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Suites", id: "rooms" },
|
||||
{ name: "Experience", id: "features" },
|
||||
{ name: "Contact", id: "contact" }
|
||||
]}
|
||||
brandName="Los Tajibos Resort"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="home" data-section="home">
|
||||
<HeroLogo
|
||||
logoText="Los Tajibos"
|
||||
description="Experience unparalleled 5-star elegance in the heart of tropical luxury. Your exclusive sanctuary awaits."
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Your Stay",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/garden-with-wooden-bench-plants_250224-84.jpg"
|
||||
imageAlt="Cinematic tropical resort hotel at sunset"
|
||||
/>
|
||||
</div>
|
||||
<div id="home" data-section="home">
|
||||
<HeroLogo
|
||||
logoText="Los Tajibos"
|
||||
description="Experience unparalleled 5-star elegance in the heart of tropical luxury. Your exclusive sanctuary awaits."
|
||||
buttons={[{ text: "Book Your Stay", href: "#contact" }]}
|
||||
buttonAnimation="slide-up"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/garden-with-wooden-bench-plants_250224-84.jpg"
|
||||
imageAlt="Cinematic tropical resort hotel at sunset"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<InlineImageSplitTextAbout
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "A Sanctuary of ",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/balboa-park-san-diego-with-architecture_649448-2518.jpg",
|
||||
alt: "Luxury hotel architecture",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
content: " Absolute Serenity",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<InlineImageSplitTextAbout
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{ type: "text", content: "A Sanctuary of " },
|
||||
{ type: "image", src: "http://img.b2bpic.net/free-photo/balboa-park-san-diego-with-architecture_649448-2518.jpg", alt: "Luxury hotel architecture" },
|
||||
{ type: "text", content: " Absolute Serenity" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwentySix
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "World-Class Spa",
|
||||
description: "Rejuvenate your senses with our bespoke therapeutic treatments.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bed-pool_1203-2562.jpg",
|
||||
buttonIcon: "Sparkles",
|
||||
},
|
||||
{
|
||||
title: "Fine Dining",
|
||||
description: "Savor authentic flavors from our award-winning culinary team.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/caprice-salad-glass-red-wine_140725-6533.jpg",
|
||||
buttonIcon: "Sparkles",
|
||||
},
|
||||
{
|
||||
title: "Resort Pool",
|
||||
description: "Immerse yourself in our crystal-clear tropical oasis.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/clean-villa-sport-outdoors-beautiful_1203-6346.jpg",
|
||||
buttonIcon: "Sparkles",
|
||||
},
|
||||
{
|
||||
title: "Private Cabanas",
|
||||
description: "Unwind in your own dedicated slice of tropical paradise.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-young-asian-woman-happy-smile-relax-tropical-beach-sea-ocean-leisure-travel_74190-8804.jpg",
|
||||
buttonIcon: "Sparkles",
|
||||
},
|
||||
]}
|
||||
title="Exclusive Amenities"
|
||||
description="Indulge in a world-class experience designed for relaxation and refined living."
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwentySix
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{ title: "World-Class Spa", description: "Rejuvenate your senses with our bespoke therapeutic treatments.", imageSrc: "http://img.b2bpic.net/free-photo/bed-pool_1203-2562.jpg", buttonIcon: Sparkles },
|
||||
{ title: "Fine Dining", description: "Savor authentic flavors from our award-winning culinary team.", imageSrc: "http://img.b2bpic.net/free-photo/caprice-salad-glass-red-wine_140725-6533.jpg", buttonIcon: Sparkles },
|
||||
{ title: "Resort Pool", description: "Immerse yourself in our crystal-clear tropical oasis.", imageSrc: "http://img.b2bpic.net/free-photo/clean-villa-sport-outdoors-beautiful_1203-6346.jpg", buttonIcon: Sparkles },
|
||||
{ title: "Private Cabanas", description: "Unwind in your own dedicated slice of tropical paradise.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-young-asian-woman-happy-smile-relax-tropical-beach-sea-ocean-leisure-travel_74190-8804.jpg", buttonIcon: Sparkles }
|
||||
]}
|
||||
title="Exclusive Amenities"
|
||||
description="Indulge in a world-class experience designed for relaxation and refined living."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="rooms" data-section="rooms">
|
||||
<ProductCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Presidential Suite",
|
||||
price: "$850",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/two-beds-with-sea-view_1137-126.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Garden View Suite",
|
||||
price: "$450",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/two-glasses-champagne-roof_1153-3732.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Deluxe Terrace Room",
|
||||
price: "$380",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-headphones_1157-18565.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Executive Studio",
|
||||
price: "$320",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/contemporary-living-room_1150-12613.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Poolside Sanctuary",
|
||||
price: "$520",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/white-bathtub_1203-2707.jpg",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
name: "Family Tropical Villa",
|
||||
price: "$700",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-luxury-sofa_74190-6516.jpg",
|
||||
},
|
||||
]}
|
||||
title="Our Suites"
|
||||
description="Each suite features breathtaking views and designer touches for ultimate comfort."
|
||||
/>
|
||||
</div>
|
||||
<div id="rooms" data-section="rooms">
|
||||
<ProductCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{ id: "1", name: "Presidential Suite", price: "$850", imageSrc: "http://img.b2bpic.net/free-photo/two-beds-with-sea-view_1137-126.jpg" },
|
||||
{ id: "2", name: "Garden View Suite", price: "$450", imageSrc: "http://img.b2bpic.net/free-photo/two-glasses-champagne-roof_1153-3732.jpg" },
|
||||
{ id: "3", name: "Deluxe Terrace Room", price: "$380", imageSrc: "http://img.b2bpic.net/free-photo/man-headphones_1157-18565.jpg" },
|
||||
{ id: "4", name: "Executive Studio", price: "$320", imageSrc: "http://img.b2bpic.net/free-photo/contemporary-living-room_1150-12613.jpg" },
|
||||
{ id: "5", name: "Poolside Sanctuary", price: "$520", imageSrc: "http://img.b2bpic.net/free-photo/white-bathtub_1203-2707.jpg" },
|
||||
{ id: "6", name: "Family Tropical Villa", price: "$700", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-luxury-sofa_74190-6516.jpg" }
|
||||
]}
|
||||
title="Our Suites"
|
||||
description="Each suite features breathtaking views and designer touches for ultimate comfort."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTen
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Amazing Stay",
|
||||
quote: "The absolute highlight of our trip. Truly impeccable.",
|
||||
name: "Alice M.",
|
||||
role: "Traveler",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/attractive-brunette-woman-beige-dress-holds-straw-hat-runs-along-path-old-beautiful-city-happy-girl-smiles-looks-into-camera_197531-30091.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Perfect Luxury",
|
||||
quote: "Unbeatable atmosphere and service. Can't wait to return.",
|
||||
name: "Robert B.",
|
||||
role: "Visitor",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pov-employee-calling-manager_482257-78578.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Tropical Dream",
|
||||
quote: "The sunset over the pool is something I will never forget.",
|
||||
name: "Claire P.",
|
||||
role: "Guest",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/adorable-woman-straw-hat-wears-blouse-make-selfie_273609-2354.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
title: "Pure Bliss",
|
||||
quote: "Every detail was attended to with grace and care.",
|
||||
name: "David W.",
|
||||
role: "Guest",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-smiley-woman-sitting-outdoors_23-2149708088.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
title: "Five Stars",
|
||||
quote: "The most exclusive resort experience I have ever had.",
|
||||
name: "Elena R.",
|
||||
role: "Visitor",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-people-relaxing-together_23-2151178266.jpg",
|
||||
},
|
||||
]}
|
||||
title="Guest Reflections"
|
||||
description="Hear what our distinguished guests have to say about their stay at Los Tajibos."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTen
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{ id: "1", title: "Amazing Stay", quote: "The absolute highlight of our trip. Truly impeccable.", name: "Alice M.", role: "Traveler", imageSrc: "http://img.b2bpic.net/free-photo/attractive-brunette-woman-beige-dress-holds-straw-hat-runs-along-path-old-beautiful-city-happy-girl-smiles-looks-into-camera_197531-30091.jpg" },
|
||||
{ id: "2", title: "Perfect Luxury", quote: "Unbeatable atmosphere and service. Can't wait to return.", name: "Robert B.", role: "Visitor", imageSrc: "http://img.b2bpic.net/free-photo/pov-employee-calling-manager_482257-78578.jpg" },
|
||||
{ id: "3", title: "Tropical Dream", quote: "The sunset over the pool is something I will never forget.", name: "Claire P.", role: "Guest", imageSrc: "http://img.b2bpic.net/free-photo/adorable-woman-straw-hat-wears-blouse-make-selfie_273609-2354.jpg" },
|
||||
{ id: "4", title: "Pure Bliss", quote: "Every detail was attended to with grace and care.", name: "David W.", role: "Guest", imageSrc: "http://img.b2bpic.net/free-photo/side-view-smiley-woman-sitting-outdoors_23-2149708088.jpg" },
|
||||
{ id: "5", title: "Five Stars", quote: "The most exclusive resort experience I have ever had.", name: "Elena R.", role: "Visitor", imageSrc: "http://img.b2bpic.net/free-photo/side-view-people-relaxing-together_23-2151178266.jpg" }
|
||||
]}
|
||||
title="Guest Reflections"
|
||||
description="Hear what our distinguished guests have to say about their stay at Los Tajibos."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={false}
|
||||
title="Inquire About Your Stay"
|
||||
description="Contact our reservations team to curate your exclusive tropical experience."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Full Name",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Email Address",
|
||||
required: true,
|
||||
},
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Your preferences or special requests...",
|
||||
rows: 4,
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/view-luxurious-hotel-interior-space_23-2150683455.jpg"
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={false}
|
||||
title="Inquire About Your Stay"
|
||||
description="Contact our reservations team to curate your exclusive tropical experience."
|
||||
inputs={[
|
||||
{ name: "name", type: "text", placeholder: "Full Name", required: true },
|
||||
{ name: "email", type: "email", placeholder: "Email Address", required: true }
|
||||
]}
|
||||
textarea={{ name: "message", placeholder: "Your preferences or special requests...", rows: 4 }}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/view-luxurious-hotel-interior-space_23-2150683455.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="Los Tajibos"
|
||||
leftLink={{
|
||||
text: "Terms of Service",
|
||||
href: "#",
|
||||
}}
|
||||
rightLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "#",
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="Los Tajibos"
|
||||
leftLink={{ text: "Terms of Service", href: "#" }}
|
||||
rightLink={{ text: "Privacy Policy", href: "#" }}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user