Update src/app/page.tsx
This commit is contained in:
359
src/app/page.tsx
359
src/app/page.tsx
@@ -15,247 +15,144 @@ import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="directional-hover"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="pill"
|
||||
defaultButtonVariant="directional-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: "Overview",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Amenities",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Location",
|
||||
id: "metrics",
|
||||
},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "Policies",
|
||||
id: "faq",
|
||||
},
|
||||
]}
|
||||
brandName="Studio 10"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{ name: "Overview", id: "hero" },
|
||||
{ name: "Amenities", id: "features" },
|
||||
{ name: "Location", id: "metrics" },
|
||||
{ name: "Reviews", id: "testimonials" },
|
||||
{ name: "Policies", id: "faq" }
|
||||
]}
|
||||
brandName="Studio 10"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardScroll
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
title="Stay at Studio 10, Eilat"
|
||||
description="Your peaceful home away from home in Eilat. Located at Ya'akov Avinu 10, perfect for wellness, relaxation, and exploring the beauty of the Red Sea area."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/modern-woman-relaxing-sofa_23-2147611390.jpg"
|
||||
imageAlt="Studio 10 Eilat Exterior"
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardScroll
|
||||
background={{ variant: "plain" }}
|
||||
title="Stay at Studio 10, Eilat"
|
||||
description="Your peaceful home away from home in Eilat. Located at Ya'akov Avinu 10, perfect for wellness, relaxation, and exploring the beauty of the Red Sea area."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/modern-woman-relaxing-sofa_23-2147611390.jpg"
|
||||
imageAlt="Studio 10 Eilat Exterior"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TextSplitAbout
|
||||
useInvertedBackground={false}
|
||||
title="Welcome to Studio 10"
|
||||
description={[
|
||||
"Studio 10 offers comfortable accommodations in the heart of Eilat. Our ground-floor studio features a twin bed and a full bed, providing a relaxing space for your stay.",
|
||||
"We are perfectly located for travelers who enjoy seaside wellness and relaxation. Whether you are here for water sports or to explore the nearby Eilat mountains, our property offers the ideal location.",
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<TextSplitAbout
|
||||
useInvertedBackground={false}
|
||||
title="Welcome to Studio 10"
|
||||
description={[
|
||||
"Studio 10 offers comfortable accommodations in the heart of Eilat. Our ground-floor studio features a twin bed and a full bed, providing a relaxing space for your stay.", "We are perfectly located for travelers who enjoy seaside wellness and relaxation. Whether you are here for water sports or to explore the nearby Eilat mountains, our property offers the ideal location."
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwentySeven
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Free Private Parking",
|
||||
descriptions: [
|
||||
"Free private parking is available on-site. No reservation needed.",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/empty-parking-lots-aerial-view_1127-4052.jpg",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "High Speed WiFi",
|
||||
descriptions: [
|
||||
"Stay connected with free, high-speed WiFi available throughout the premises.",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hand-holding-5g-sticker-laptop_23-2148295872.jpg",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Fully Equipped Kitchen",
|
||||
descriptions: [
|
||||
"Includes stovetop, oven, kettle, and all essential kitchenware for your convenience.",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-utensils-composition-arrangement_23-2149491442.jpg",
|
||||
},
|
||||
]}
|
||||
title="Everything You Need"
|
||||
description="Great facilities rated 9.4 for your convenience and comfort."
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwentySeven
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "f1", title: "Free Private Parking", descriptions: ["Free private parking is available on-site. No reservation needed."],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/empty-parking-lots-aerial-view_1127-4052.jpg"
|
||||
},
|
||||
{
|
||||
id: "f2", title: "High Speed WiFi", descriptions: ["Stay connected with free, high-speed WiFi available throughout the premises."],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hand-holding-5g-sticker-laptop_23-2148295872.jpg"
|
||||
},
|
||||
{
|
||||
id: "f3", title: "Fully Equipped Kitchen", descriptions: ["Includes stovetop, oven, kettle, and all essential kitchenware for your convenience."],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-utensils-composition-arrangement_23-2149491442.jpg"
|
||||
}
|
||||
]}
|
||||
title="Everything You Need"
|
||||
description="Great facilities rated 9.4 for your convenience and comfort."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardSeven
|
||||
animationType="depth-3d"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "2 mi",
|
||||
title: "Dekel Beach",
|
||||
items: [
|
||||
"Nearby sandy shore for relaxation",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "4 mi",
|
||||
title: "Botanical Garden",
|
||||
items: [
|
||||
"Beautiful nature walk in Eilat",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "2 mi",
|
||||
title: "Eilat Mountains",
|
||||
items: [
|
||||
"Perfect for hiking and outdoor activities",
|
||||
],
|
||||
},
|
||||
]}
|
||||
title="Area Information"
|
||||
description="Guests love our location near Eilat's top attractions and beaches."
|
||||
/>
|
||||
</div>
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardSeven
|
||||
animationType="depth-3d"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{ id: "m1", value: "2 mi", title: "Dekel Beach", items: ["Nearby sandy shore for relaxation"] },
|
||||
{ id: "m2", value: "4 mi", title: "Botanical Garden", items: ["Beautiful nature walk in Eilat"] },
|
||||
{ id: "m3", value: "2 mi", title: "Eilat Mountains", items: ["Perfect for hiking and outdoor activities"] }
|
||||
]}
|
||||
title="Area Information"
|
||||
description="Guests love our location near Eilat's top attractions and beaches."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardThirteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Miller",
|
||||
handle: "@sarahm",
|
||||
testimonial: "Amazing location, close to everything in Eilat. Very clean and cozy.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-woman-holding-passport_23-2149963921.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "David Chen",
|
||||
handle: "@davidc",
|
||||
testimonial: "The parking was super convenient and the kitchen was well equipped.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-female-traveler-with-backpack-glasses-hat-standing-front-lake_23-2147842525.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Elena Rossi",
|
||||
handle: "@elenar",
|
||||
testimonial: "Loved the garden area, very relaxing place to stay.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-young-man-with-passport-tickets-smartphone-laughing-sitting-with-suitcase-going_1258-270795.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Mark Wilson",
|
||||
handle: "@markw",
|
||||
testimonial: "Great value for the price, will definitely come back again.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/follow-me-sea-resort_1163-3388.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Jessica Lee",
|
||||
handle: "@jessl",
|
||||
testimonial: "Quiet, comfortable, and perfect for exploring the Red Sea.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiley-woman-with-glasses-waving_23-2148631360.jpg",
|
||||
},
|
||||
]}
|
||||
showRating={true}
|
||||
title="What Guests Say"
|
||||
description="Rated 9.4 for exceptional comfort and hospitality."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardThirteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "1", name: "Sarah Miller", handle: "@sarahm", testimonial: "Amazing location, close to everything in Eilat. Very clean and cozy.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-woman-holding-passport_23-2149963921.jpg" },
|
||||
{ id: "2", name: "David Chen", handle: "@davidc", testimonial: "The parking was super convenient and the kitchen was well equipped.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-female-traveler-with-backpack-glasses-hat-standing-front-lake_23-2147842525.jpg" },
|
||||
{ id: "3", name: "Elena Rossi", handle: "@elenar", testimonial: "Loved the garden area, very relaxing place to stay.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/happy-young-man-with-passport-tickets-smartphone-laughing-sitting-with-suitcase-going_1258-270795.jpg" },
|
||||
{ id: "4", name: "Mark Wilson", handle: "@markw", testimonial: "Great value for the price, will definitely come back again.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/follow-me-sea-resort_1163-3388.jpg" },
|
||||
{ id: "5", name: "Jessica Lee", handle: "@jessl", testimonial: "Quiet, comfortable, and perfect for exploring the Red Sea.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiley-woman-with-glasses-waving_23-2148631360.jpg" }
|
||||
]}
|
||||
showRating={true}
|
||||
title="What Guests Say"
|
||||
description="Rated 9.4 for exceptional comfort and hospitality."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqBase
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "What are the check-in and check-out times?",
|
||||
content: "Check-in is from 3:00 PM and check-out is until 11:00 AM.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Is there parking available?",
|
||||
content: "Yes, free private parking is available on-site and does not require reservation.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Are children welcome?",
|
||||
content: "Yes, children over 1 year are welcome at Studio 10.",
|
||||
},
|
||||
{
|
||||
id: "q4",
|
||||
title: "Is WiFi free?",
|
||||
content: "Yes, high-speed WiFi is provided free of charge.",
|
||||
},
|
||||
]}
|
||||
title="Guest Policies"
|
||||
description="Important information to make your stay smooth and comfortable."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqBase
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{ id: "q1", title: "What are the check-in and check-out times?", content: "Check-in is from 3:00 PM and check-out is until 11:00 AM." },
|
||||
{ id: "q2", title: "Is there parking available?", content: "Yes, free private parking is available on-site and does not require reservation." },
|
||||
{ id: "q3", title: "Are children welcome?", content: "Yes, children over 1 year are welcome at Studio 10." },
|
||||
{ id: "q4", title: "Is WiFi free?", content: "Yes, high-speed WiFi is provided free of charge." }
|
||||
]}
|
||||
title="Guest Policies"
|
||||
description="Important information to make your stay smooth and comfortable."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
tag="Contact Us"
|
||||
title="Need More Information?"
|
||||
description="Have questions about your booking? Send us a message and we'll get back to you shortly."
|
||||
inputPlaceholder="Enter your email address"
|
||||
buttonText="Send Message"
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Contact Us"
|
||||
title="Need More Information?"
|
||||
description="Have questions about your booking? Send us a message and we'll get back to you shortly."
|
||||
inputPlaceholder="Enter your email address"
|
||||
buttonText="Send Message"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="Studio 10 Eilat"
|
||||
leftLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "#",
|
||||
}}
|
||||
rightLink={{
|
||||
text: "Terms of Service",
|
||||
href: "#",
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="Studio 10 Eilat"
|
||||
leftLink={{ text: "Privacy Policy", href: "#" }}
|
||||
rightLink={{ text: "Terms of Service", href: "#" }}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user