Merge version_1 into main #2
256
src/app/page.tsx
256
src/app/page.tsx
@@ -12,179 +12,103 @@ import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="expand-hover"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="pill"
|
||||
defaultButtonVariant="expand-hover"
|
||||
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: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Rooms",
|
||||
id: "rooms",
|
||||
},
|
||||
{
|
||||
name: "Restaurant",
|
||||
id: "restaurant",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="Green Valley Hotel"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Rooms", id: "rooms" },
|
||||
{ name: "Restaurant", id: "restaurant" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Green Valley Hotel"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogoBillboard
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
logoText="Green Valley Hotel"
|
||||
description="Experience unparalleled tranquility and luxury in the heart of nature. Your serene escape awaits."
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Now",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
text: "Explore Rooms",
|
||||
href: "#rooms",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/wooden-table-background-cityscape_1153-3807.jpg"
|
||||
imageAlt="Green Valley Hotel luxury exterior"
|
||||
mediaAnimation="slide-up"
|
||||
videoSrc="https://www.w3schools.com/howto/movie.mp4"
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogoBillboard
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
logoText="Green Valley Hotel"
|
||||
description="Experience unparalleled tranquility and luxury in the heart of nature. Your serene escape awaits."
|
||||
buttons={[
|
||||
{ text: "Book Now", href: "#contact" },
|
||||
{ text: "Explore Rooms", href: "#rooms" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/wooden-table-background-cityscape_1153-3807.jpg"
|
||||
imageAlt="luxury hotel banner resort exterior"
|
||||
mediaAnimation="slide-up"
|
||||
videoSrc="https://www.w3schools.com/howto/movie.mp4"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<InlineImageSplitTextAbout
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "Our Story & Mission",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/nature-holiday-travel-relaxation-resort_1203-5032.jpg",
|
||||
alt: "Hotel garden landscape",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<InlineImageSplitTextAbout
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{ type: "text", content: "Our Story & Mission" },
|
||||
{ type: "image", src: "http://img.b2bpic.net/free-photo/nature-holiday-travel-relaxation-resort_1203-5032.jpg", alt: "hotel garden park relaxing walking path" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="rooms" data-section="rooms">
|
||||
<ProductCardFour
|
||||
animationType="slide-up"
|
||||
textboxLayout="inline-image"
|
||||
gridVariant="one-large-left-three-stacked-right"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Deluxe Room",
|
||||
price: "$150/night",
|
||||
variant: "Comfort",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pillow-bed_74190-6082.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Standard Room",
|
||||
price: "$90/night",
|
||||
variant: "Simple",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/white-pillow-bed-decoration-interior-bedroom_74190-11597.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Royal Suite",
|
||||
price: "$250/night",
|
||||
variant: "Luxury",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-luxurious-bedroom-elegant-comfortable-design-generated-by-ai_188544-29281.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Executive Suite",
|
||||
price: "$300/night",
|
||||
variant: "Premium",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-luxurious-bedroom-elegant-comfortable-design-generated-by-ai_188544-29281.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Family Suite",
|
||||
price: "$200/night",
|
||||
variant: "Spacious",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pillow-bed_74190-6082.jpg?_wi=2",
|
||||
},
|
||||
]}
|
||||
title="Luxury Accommodations"
|
||||
description="Choose from our carefully designed rooms, each offering a blend of comfort and elegance for your stay."
|
||||
/>
|
||||
</div>
|
||||
<div id="rooms" data-section="rooms">
|
||||
<ProductCardFour
|
||||
animationType="slide-up"
|
||||
textboxLayout="inline-image"
|
||||
gridVariant="one-large-left-three-stacked-right"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{ id: "1", name: "Deluxe Room", price: "$150/night", variant: "Comfort", imageSrc: "http://img.b2bpic.net/free-photo/pillow-bed_74190-6082.jpg" },
|
||||
{ id: "2", name: "Standard Room", price: "$90/night", variant: "Simple", imageSrc: "http://img.b2bpic.net/free-photo/white-pillow-bed-decoration-interior-bedroom_74190-11597.jpg" },
|
||||
{ id: "3", name: "Royal Suite", price: "$250/night", variant: "Luxury", imageSrc: "http://img.b2bpic.net/free-photo/modern-luxurious-bedroom-elegant-comfortable-design-generated-by-ai_188544-29281.jpg" },
|
||||
{ id: "4", name: "Executive Suite", price: "$300/night", variant: "Premium", imageSrc: "http://img.b2bpic.net/free-photo/modern-luxurious-bedroom-elegant-comfortable-design-generated-by-ai_188544-29281.jpg" },
|
||||
{ id: "5", name: "Family Suite", price: "$200/night", variant: "Spacious", imageSrc: "http://img.b2bpic.net/free-photo/pillow-bed_74190-6082.jpg" },
|
||||
]}
|
||||
title="Luxury Accommodations"
|
||||
description="Choose from our carefully designed rooms, each offering a blend of comfort and elegance for your stay."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="restaurant" data-section="restaurant">
|
||||
<FeatureCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="two-items-per-row"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Indian Cuisine",
|
||||
description: "Authentic flavors prepared with fresh local spices.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-sandwiches-with-lettuce-frame_23-2148633473.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
title: "Chinese Delicacies",
|
||||
description: "Traditional recipes with a modern twist.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-sandwiches-with-lettuce-frame_23-2148633473.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
title: "Table Booking",
|
||||
description: "Reserve your favorite table online today.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-sandwiches-with-lettuce-frame_23-2148633473.jpg?_wi=3",
|
||||
},
|
||||
{
|
||||
title: "Breakfast Buffet",
|
||||
description: "Freshly baked goods and local delicacies.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-sandwiches-with-lettuce-frame_23-2148633473.jpg?_wi=4",
|
||||
},
|
||||
{
|
||||
title: "Evening Lounge",
|
||||
description: "Signature cocktails and serene atmosphere.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-sandwiches-with-lettuce-frame_23-2148633473.jpg?_wi=5",
|
||||
},
|
||||
]}
|
||||
title="Culinary Excellence"
|
||||
description="Discover a diverse menu ranging from authentic Indian and Chinese dishes to savory fast food favorites, all prepared by our expert chefs."
|
||||
/>
|
||||
</div>
|
||||
<div id="restaurant" data-section="restaurant">
|
||||
<FeatureCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="inline-image"
|
||||
gridVariant="two-items-per-row"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ title: "Indian Cuisine", description: "Authentic flavors prepared with fresh local spices.", imageSrc: "http://img.b2bpic.net/free-photo/delicious-sandwiches-with-lettuce-frame_23-2148633473.jpg" },
|
||||
{ title: "Chinese Delicacies", description: "Traditional recipes with a modern twist.", imageSrc: "http://img.b2bpic.net/free-photo/delicious-sandwiches-with-lettuce-frame_23-2148633473.jpg" },
|
||||
{ title: "Table Booking", description: "Reserve your favorite table online today.", imageSrc: "http://img.b2bpic.net/free-photo/delicious-sandwiches-with-lettuce-frame_23-2148633473.jpg" },
|
||||
{ title: "Breakfast Buffet", description: "Freshly baked goods and local delicacies.", imageSrc: "http://img.b2bpic.net/free-photo/delicious-sandwiches-with-lettuce-frame_23-2148633473.jpg" },
|
||||
{ title: "Evening Lounge", description: "Signature cocktails and serene atmosphere.", imageSrc: "http://img.b2bpic.net/free-photo/delicious-sandwiches-with-lettuce-frame_23-2148633473.jpg" },
|
||||
]}
|
||||
title="Culinary Excellence"
|
||||
description="Discover a diverse menu ranging from authentic Indian and Chinese dishes to savory fast food favorites, all prepared by our expert chefs."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
tag="Booking Info"
|
||||
title="Book Your Stay"
|
||||
description="Ready to experience the Green Valley? Contact us now to reserve your room or table."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "mailto:info@greenvalleyhotel.com",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Booking Info"
|
||||
title="Book Your Stay"
|
||||
description="Ready to experience the Green Valley? Contact us now to reserve your room or table."
|
||||
buttons={[{ text: "Contact Us", href: "mailto:info@greenvalleyhotel.com" }]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user