Merge version_1 into main #3

Merged
bender merged 2 commits from version_1 into main 2026-03-25 17:14:10 +00:00
2 changed files with 144 additions and 403 deletions

View File

@@ -2,14 +2,11 @@
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactCTA from '@/components/sections/contact/ContactCTA';
import ContactFaq from '@/components/sections/contact/ContactFaq';
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FooterBase from '@/components/sections/footer/FooterBase';
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import { Phone, Sparkles } from "lucide-react";
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
export default function LandingPage() {
export default function ContactPage() {
return (
<ThemeProvider
defaultButtonVariant="elastic-effect"
@@ -24,190 +21,74 @@ export default function LandingPage() {
headingFontWeight="extrabold"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{
name: "Home",
href: "/",
id: "1",
},
{
name: "Villas",
href: "/villas",
id: "2",
},
{
name: "Gallery",
href: "/gallery",
id: "3",
},
{
name: "Location",
href: "/location",
id: "4",
},
{
name: "Contact",
href: "/contact",
id: "5",
},
]}
brandName="Destino Luxury Villas"
button={{
text: "Call Now",
href: "tel:+302810xxxxxx",
}}
animateOnLoad={true}
/>
</div>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{
name: "Home", id: "/"
},
{
name: "Villas", id: "/villas"
},
{
name: "Gallery", id: "/gallery"
},
{
name: "Location", id: "/location"
},
{
name: "Contact", id: "/contact"
}
]}
brandName="Destino Luxury Villas"
button={{ text: "Call Now", href: "tel:+302810xxxxxx" }}
animateOnLoad={true}
/>
</div>
<div id="contact-form" data-section="contact-form">
<ContactSplitForm
useInvertedBackground={false}
title="Get in Touch with Destino Luxury Villas"
description="Whether you have a question about booking, availability, or special requests, we're here to help make your dream vacation a reality."
inputs={[
{
name: "name",
type: "text",
placeholder: "Your Name",
required: true,
},
{
name: "email",
type: "email",
placeholder: "Your Email",
required: true,
},
{
name: "phone",
type: "tel",
placeholder: "Phone Number (Optional)",
},
]}
textarea={{
name: "message",
placeholder: "Tell us about your inquiry...",
rows: 5,
required: true,
}}
imageSrc="http://img.b2bpic.net/free-photo/young-innocent-pure-beautiful-woman-dreaming-sitting-pool-white-dress-romantic-lyrical-thinking-green-tropical-nature-summer-relaxed-chilling-long-legs_285396-6078.jpg?_wi=6"
imageAlt="Luxury villa exterior at sunset"
mediaAnimation="slide-up"
mediaPosition="right"
buttonText="Send Your Inquiry"
/>
</div>
<div id="contact-form" data-section="contact-form">
<ContactCenter
useInvertedBackground={false}
background={{ variant: "downward-rays-static" }}
tag="Ready for Your Getaway?"
title="Book Your Unforgettable Stay Today"
description="Fill out the form below or call us directly to check availability and start planning your luxury escape to Crete."
inputPlaceholder="Your Name, Email, Phone, Dates, Guests, Message"
buttonText="Check Availability"
termsText="By clicking 'Check Availability' you're confirming that you agree with our Privacy Policy."
/>
</div>
<div id="contact-faq" data-section="contact-faq">
<ContactFaq
animationType="slide-up"
useInvertedBackground={true}
faqs={[
{
id: "1",
title: "What are your check-in/check-out times?",
content: "Standard check-in is at 3:00 PM, and check-out is at 11:00 AM. Early check-in or late check-out may be available upon request and subject to availability.",
},
{
id: "2",
title: "Do you offer airport transfers?",
content: "Yes, we can arrange private airport transfers for an additional fee. Please inform us of your flight details in advance.",
},
{
id: "3",
title: "Are pets allowed in the villas?",
content: "Our pet policy varies by villa. Please contact us directly to inquire about specific villas and any associated pet fees or restrictions.",
},
]}
ctaTitle="Need Immediate Assistance?"
ctaDescription="Our dedicated team is ready to answer your questions and assist with your booking."
ctaButton={{
text: "Call Us Now",
href: "tel:+302810XXXXXX",
}}
ctaIcon={Phone}
/>
</div>
<div id="contact-cta" data-section="contact-cta">
<ContactCTA
useInvertedBackground={false}
background={{
variant: "gradient-bars",
}}
tag="Exclusive Hospitality"
tagIcon={Sparkles}
title="Experience Unrivaled Service"
description="At Destino Luxury Villas, your comfort and satisfaction are our top priorities. Let us craft your perfect Cretan escape."
buttons={[
{
text: "View Our Villas",
href: "/villas",
},
]}
/>
</div>
<div id="footer" data-section="footer">
<FooterBase
columns={[
{
title: "Villas",
items: [
{
label: "Aegean Breeze",
href: "/villas#aegean-breeze",
},
{
label: "Sunset Retreat",
href: "/villas#sunset-retreat",
},
{
label: "Olive Grove",
href: "/villas#olive-grove",
},
],
},
{
title: "Company",
items: [
{
label: "About Us",
href: "/about",
},
{
label: "Location",
href: "/location",
},
{
label: "Contact",
href: "/contact",
},
],
},
{
title: "Resources",
items: [
{
label: "Gallery",
href: "/gallery",
},
{
label: "FAQs",
href: "/faq",
},
{
label: "Privacy Policy",
href: "/privacy",
},
],
},
]}
copyrightText="© 2024 Destino Luxury Villas. All rights reserved."
/>
</div>
<div id="footer" data-section="footer">
<FooterBaseReveal
columns={[
{
title: "Quick Links", items: [
{ label: "Home", href: "/" },
{ label: "Villas", href: "/villas" },
{ label: "Gallery", href: "/gallery" },
{ label: "Location", href: "/location" },
{ label: "Contact", href: "/contact" }
]
},
{
title: "About Us", items: [
{ label: "Our Story", href: "/about" },
{ label: "Services", href: "/villas#services" },
{ label: "Reviews", href: "/#testimonials" }
]
},
{
title: "Support", items: [
{ label: "FAQ", href: "/faq" },
{ label: "Privacy Policy", href: "/privacy" },
{ label: "Terms & Conditions", href: "/terms" }
]
}
]}
copyrightText="© 2023 Destino Luxury Villas. All rights reserved."
/>
</div>
</ReactLenis>
</ThemeProvider>
);

View File

@@ -2,14 +2,12 @@
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import FooterBase from '@/components/sections/footer/FooterBase';
import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import SplitAbout from '@/components/sections/about/SplitAbout';
import { Building2, Compass, Globe, MapPin } from "lucide-react";
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
export default function LandingPage() {
export default function LocationPage() {
return (
<ThemeProvider
defaultButtonVariant="elastic-effect"
@@ -24,218 +22,80 @@ export default function LandingPage() {
headingFontWeight="extrabold"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{
name: "Home",
href: "/",
id: "1",
},
{
name: "Villas",
href: "/villas",
id: "2",
},
{
name: "Gallery",
href: "/gallery",
id: "3",
},
{
name: "Location",
href: "/location",
id: "4",
},
{
name: "Contact",
href: "/contact",
id: "5",
},
]}
brandName="Destino Luxury Villas"
button={{
text: "Call Now",
href: "tel:+302810xxxxxx",
}}
animateOnLoad={true}
/>
</div>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{
name: "Home", id: "/"
},
{
name: "Villas", id: "/villas"
},
{
name: "Gallery", id: "/gallery"
},
{
name: "Location", id: "/location"
},
{
name: "Contact", id: "/contact"
}
]}
brandName="Destino Luxury Villas"
button={{ text: "Call Now", href: "tel:+302810xxxxxx" }}
animateOnLoad={true}
/>
</div>
<div id="about-location" data-section="about-location">
<SplitAbout
textboxLayout="default"
useInvertedBackground={false}
imagePosition="right"
title="Discover Gournes, Heraklion"
description="Nestled on the vibrant island of Crete, Gournes offers the perfect blend of serene relaxation and exciting exploration. Our villas provide a peaceful retreat with easy access to the island's most captivating sights."
bulletPoints={[
{
title: "Coastal Charm",
description: "Enjoy pristine beaches, crystal-clear waters, and charming seaside tavernas just moments away.",
},
{
title: "Rich History & Culture",
description: "Explore ancient ruins, historical monasteries, and traditional Cretan villages within a short drive.",
},
{
title: "Easy Access",
description: "Conveniently located near Heraklion International Airport and the city center for seamless travel and exploration.",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/traveler-s-map_23-2147643195.jpg?_wi=3"
imageAlt="Stylized map of Crete attractions"
mediaAnimation="slide-up"
/>
</div>
<div id="location" data-section="location">
<SplitAbout
textboxLayout="default"
useInvertedBackground={false}
imagePosition="right"
title="Prime Location in the Heart of Crete"
description="Destino Luxury Villas are nestled in Gournes, offering serene privacy while providing easy access to Crete's most cherished destinations."
bulletPoints={[
{ title: "Heraklion City", description: "Just a short drive to the vibrant capital, offering shopping, dining, and cultural experiences.", icon: MapPin },
{ title: "Ancient Knossos", description: "Explore the legendary Minoan palace, a cornerstone of Cretan history and mythology.", icon: Building2 },
{ title: "Hersonissos Resort", description: "Enjoy lively nightlife, beautiful beaches, and family-friendly attractions.", icon: Compass },
{ title: "Heraklion Airport (HER)", description: "Conveniently located within a 15-minute drive, ensuring a smooth arrival and departure.", icon: Globe }
]}
imageSrc="http://img.b2bpic.net/free-photo/traveler-s-map_23-2147643195.jpg"
imageAlt="Map of Gournes and nearby attractions"
mediaAnimation="slide-up"
/>
</div>
<div id="faq-location" data-section="faq-location">
<FaqSplitMedia
textboxLayout="default"
useInvertedBackground={true}
faqs={[
{
id: "1",
title: "How far is the nearest beach?",
content: "Our villas are just a 5-minute drive from the beautiful Gournes beach, offering golden sands and clear waters.",
},
{
id: "2",
title: "What attractions are nearby?",
content: "You'll find the Cretaquarium, Dinosauria Park, and Watercity Waterpark within a 10-15 minute drive. The historical Palace of Knossos and Heraklion city are also easily accessible.",
},
{
id: "3",
title: "Is a car rental necessary?",
content: "While not strictly necessary as taxis are available, we highly recommend renting a car to fully explore the island's many hidden gems and attractions at your leisure.",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/traveler-s-map_23-2147643195.jpg?_wi=4"
imageAlt="Map highlighting Gournes, Crete"
mediaPosition="right"
title="Your Questions About Our Location"
description="Find answers to common questions about Gournes, local attractions, and getting around Crete."
faqsAnimation="slide-up"
/>
</div>
<div id="metric-location" data-section="metric-location">
<MetricCardFourteen
useInvertedBackground={false}
title="Unbeatable Access & Convenience"
tag="Prime Location Advantages"
metrics={[
{
id: "1",
value: "5 min",
description: "to Gournes Beach",
},
{
id: "2",
value: "20 min",
description: "to Heraklion Airport",
},
{
id: "3",
value: "15 min",
description: "to Heraklion City",
},
]}
metricsAnimation="blur-reveal"
/>
</div>
<div id="contact-location-form" data-section="contact-location-form">
<ContactSplitForm
useInvertedBackground={true}
title="Have Specific Location Questions?"
description="Reach out to our local experts for personalized recommendations and travel advice tailored to your interests."
inputs={[
{
name: "name",
type: "text",
placeholder: "Your Name",
required: true,
},
{
name: "email",
type: "email",
placeholder: "Your Email",
required: true,
},
]}
textarea={{
name: "message",
placeholder: "Your Questions",
rows: 4,
required: true,
}}
imageSrc="http://img.b2bpic.net/free-photo/young-innocent-pure-beautiful-woman-dreaming-sitting-pool-white-dress-romantic-lyrical-thinking-green-tropical-nature-summer-relaxed-chilling-long-legs_285396-6078.jpg?_wi=5"
imageAlt="Luxury villa exterior at sunset"
mediaAnimation="slide-up"
mediaPosition="left"
buttonText="Ask Our Local Experts"
/>
</div>
<div id="footer" data-section="footer">
<FooterBase
columns={[
{
title: "Villas",
items: [
{
label: "Aegean Breeze",
href: "/villas#aegean-breeze",
},
{
label: "Sunset Retreat",
href: "/villas#sunset-retreat",
},
{
label: "Olive Grove",
href: "/villas#olive-grove",
},
],
},
{
title: "Company",
items: [
{
label: "About Us",
href: "/about",
},
{
label: "Location",
href: "/location",
},
{
label: "Contact",
href: "/contact",
},
],
},
{
title: "Resources",
items: [
{
label: "Gallery",
href: "/gallery",
},
{
label: "FAQs",
href: "/faq",
},
{
label: "Privacy Policy",
href: "/privacy",
},
],
},
]}
copyrightText="© 2024 Destino Luxury Villas. All rights reserved."
/>
</div>
<div id="footer" data-section="footer">
<FooterBaseReveal
columns={[
{
title: "Quick Links", items: [
{ label: "Home", href: "/" },
{ label: "Villas", href: "/villas" },
{ label: "Gallery", href: "/gallery" },
{ label: "Location", href: "/location" },
{ label: "Contact", href: "/contact" }
]
},
{
title: "About Us", items: [
{ label: "Our Story", href: "/about" },
{ label: "Services", href: "/villas#services" },
{ label: "Reviews", href: "/#testimonials" }
]
},
{
title: "Support", items: [
{ label: "FAQ", href: "/faq" },
{ label: "Privacy Policy", href: "/privacy" },
{ label: "Terms & Conditions", href: "/terms" }
]
}
]}
copyrightText="© 2023 Destino Luxury Villas. All rights reserved."
/>
</div>
</ReactLenis>
</ThemeProvider>
);