Initial commit
This commit is contained in:
233
src/app/page.tsx
Normal file
233
src/app/page.tsx
Normal file
@@ -0,0 +1,233 @@
|
||||
"use client"
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||||
import HeroSplitLarge from '@/components/sections/hero/HeroSplitLarge';
|
||||
import SplitAbout from '@/components/sections/about/SplitAbout';
|
||||
import FeatureCardEighteen from '@/components/sections/feature/FeatureCardEighteen';
|
||||
import TestimonialCardEight from '@/components/sections/testimonial/TestimonialCardEight';
|
||||
import ContactFaq from '@/components/sections/contact/ContactFaq';
|
||||
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
|
||||
import { MapPin } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="text-shift"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="sharp"
|
||||
contentWidth="medium"
|
||||
sizing="largeSmallSizeMediumTitles"
|
||||
background="floatingGradient"
|
||||
cardStyle="gradient-mesh"
|
||||
primaryButtonStyle="layered-depth"
|
||||
secondaryButtonStyle="solid"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Experience", id: "experience" },
|
||||
{ name: "Testimonials", id: "testimonials" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
{ name: "Book Now", id: "contact" }
|
||||
]}
|
||||
brandName="Hotel Setsu"
|
||||
bottomLeftText="Kyoto, Japan"
|
||||
bottomRightText="hello@hotelsetsu.jp"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitLarge
|
||||
title="Welcome to Hotel Setsu"
|
||||
description="Experience authentic Japanese hospitality in the heart of Kyoto. Discover tranquility, elegance, and timeless tradition."
|
||||
tag="Luxury Accommodation"
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766739074270-h0qm9zgt.jpg"
|
||||
imageAlt="Hotel Setsu luxury suite overlooking traditional gardens"
|
||||
buttons={[
|
||||
{ text: "Book Your Stay", href: "contact" },
|
||||
{ text: "Explore More", href: "about" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<SplitAbout
|
||||
title="Our Philosophy"
|
||||
description="Hotel Setsu embodies the essence of Japanese hospitality—where ancient traditions meet contemporary comfort. Every detail reflects our commitment to creating an unforgettable experience."
|
||||
textboxLayout="default"
|
||||
useInvertedBackground="noInvert"
|
||||
imagePosition="right"
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766739077288-6btr929u.jpg"
|
||||
imageAlt="Traditional Japanese architectural details"
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Authentic Design",
|
||||
description: "Meticulously crafted spaces honoring traditional Japanese aesthetics with modern amenities"
|
||||
},
|
||||
{
|
||||
title: "Premium Service",
|
||||
description: "Dedicated staff trained in genuine omotenashi—the art of wholehearted hospitality"
|
||||
},
|
||||
{
|
||||
title: "Peaceful Ambiance",
|
||||
description: "Serene gardens, natural materials, and minimalist interiors for complete relaxation"
|
||||
},
|
||||
{
|
||||
title: "Cultural Immersion",
|
||||
description: "Access to local experiences, traditional tea ceremonies, and authentic Kyoto traditions"
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="experience" data-section="experience">
|
||||
<FeatureCardEighteen
|
||||
title="Transform Your Journey"
|
||||
description="See the difference exceptional hospitality makes. Our guests experience the perfect blend of tradition and modernity."
|
||||
textboxLayout="default"
|
||||
useInvertedBackground="noInvert"
|
||||
animationType="slide-up"
|
||||
negativeCard={{
|
||||
title: "Standard Hotels",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766739075274-i6n0zx4l.jpg",
|
||||
imageAlt: "Traditional hotel room",
|
||||
items: [
|
||||
"Generic accommodations",
|
||||
"Impersonal service",
|
||||
"Limited cultural connection",
|
||||
"Standard amenities only"
|
||||
]
|
||||
}}
|
||||
positiveCard={{
|
||||
title: "Hotel Setsu",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766739076137-mjatfrar.jpg",
|
||||
imageAlt: "Hotel Setsu luxury experience",
|
||||
items: [
|
||||
"Individually designed rooms with character",
|
||||
"Personalized concierge service",
|
||||
"Immersive cultural experiences",
|
||||
"Premium wellness and dining options"
|
||||
]
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardEight
|
||||
title="Guest Stories"
|
||||
description="Hear from travelers who have experienced the magic of Hotel Setsu"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground="noInvert"
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Mitchell",
|
||||
role: "Travel Enthusiast",
|
||||
company: "New York",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766163678723-295psgl3.jpg",
|
||||
imageAlt: "Sarah Mitchell"
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "James Chen",
|
||||
role: "Business Executive",
|
||||
company: "Singapore",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766184724760-wxlm9bjg.jpg",
|
||||
imageAlt: "James Chen"
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emma Rodriguez",
|
||||
role: "Designer",
|
||||
company: "Barcelona",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766185880597-ieb2jad3.jpg",
|
||||
imageAlt: "Emma Rodriguez"
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Michael Thompson",
|
||||
role: "Photographer",
|
||||
company: "London",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766185881440-0jwi2e86.jpg",
|
||||
imageAlt: "Michael Thompson"
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactFaq
|
||||
ctaTitle="Ready to Experience Setsu?"
|
||||
ctaDescription="Let us help you plan the perfect stay in Kyoto. Contact our team for personalized recommendations."
|
||||
ctaButton={{ text: "Book Your Stay", href: "mailto:hello@hotelsetsu.jp" }}
|
||||
ctaIcon={MapPin}
|
||||
useInvertedBackground="noInvert"
|
||||
animationType="slide-up"
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "What is the cancellation policy?",
|
||||
content: "We offer flexible cancellation up to 48 hours before arrival for a full refund. Bookings made within 48 hours are non-refundable."
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Do you offer airport transfers?",
|
||||
content: "Yes, complimentary airport transfers are available from Kansai International Airport. Please request at the time of booking."
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Are meals included?",
|
||||
content: "Our rooms include a traditional Japanese breakfast. Dinner options are available at our on-site restaurant with advance reservation."
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
title: "What cultural experiences are available?",
|
||||
content: "We offer tea ceremonies, traditional cooking classes, garden tours, and guided visits to local temples and gardens."
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
columns={[
|
||||
{
|
||||
title: "Hotel",
|
||||
items: [
|
||||
{ label: "About Us", href: "about" },
|
||||
{ label: "Rooms & Suites", href: "#" },
|
||||
{ label: "Dining", href: "#" },
|
||||
{ label: "Wellness", href: "#" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Guest Services",
|
||||
items: [
|
||||
{ label: "Book a Stay", href: "contact" },
|
||||
{ label: "Contact Us", href: "contact" },
|
||||
{ label: "FAQ", href: "contact" },
|
||||
{ label: "Events & Groups", href: "#" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{ label: "Privacy Policy", href: "#" },
|
||||
{ label: "Terms of Service", href: "#" },
|
||||
{ label: "Cookie Policy", href: "#" }
|
||||
]
|
||||
}
|
||||
]}
|
||||
copyrightText="© 2025 Hotel Setsu. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user