162 lines
9.6 KiB
TypeScript
162 lines
9.6 KiB
TypeScript
"use client";
|
|
|
|
import Link from "next/link";
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarStyleApple from "@/components/navbar/NavbarStyleApple/NavbarStyleApple";
|
|
import HeroSplitKpi from "@/components/sections/hero/HeroSplitKpi";
|
|
import ProductCardThree from "@/components/sections/product/ProductCardThree";
|
|
import FeatureHoverPattern from "@/components/sections/feature/featureHoverPattern/FeatureHoverPattern";
|
|
import TestimonialCardTen from "@/components/sections/testimonial/TestimonialCardTen";
|
|
import FooterCard from "@/components/sections/footer/FooterCard";
|
|
import { MapPin, Star, Sparkles, Heart, Waves, Utensils, Bed, Palmtree, Wifi, Headphones, Instagram, Facebook, Mail } from "lucide-react";
|
|
|
|
export default function HomePage() {
|
|
const navItems = [
|
|
{ name: "Home", id: "/" },
|
|
{ name: "Apartments", id: "/apartments" },
|
|
{ name: "Blog", id: "/blog" },
|
|
{ name: "Contact", id: "/#contact" },
|
|
];
|
|
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="text-shift"
|
|
defaultTextAnimation="background-highlight"
|
|
borderRadius="rounded"
|
|
contentWidth="mediumLarge"
|
|
sizing="largeSmallSizeLargeTitles"
|
|
background="none"
|
|
cardStyle="subtle-shadow"
|
|
primaryButtonStyle="gradient"
|
|
secondaryButtonStyle="solid"
|
|
headingFontWeight="semibold"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleApple
|
|
brandName="HolidayTenerifeSouth"
|
|
navItems={navItems}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero" className="bg-gradient-to-b from-amber-50 via-green-50 to-rose-50">
|
|
<HeroSplitKpi
|
|
title="Luxury Apartments in Paradise"
|
|
description="Experience breathtaking coastal living in Tenerife's most coveted destinations. Premium accommodations with stunning ocean views, world-class amenities, and unforgettable moments."
|
|
background={{ variant: "gradient-bars" }}
|
|
kpis={[
|
|
{ value: "3", label: "Premier Locations" },
|
|
{ value: "500+", label: "5-Star Reviews" },
|
|
{ value: "24/7", label: "Concierge Support" },
|
|
]}
|
|
enableKpiAnimation={true}
|
|
tag="Vacation Rentals"
|
|
tagIcon={MapPin}
|
|
tagAnimation="slide-up"
|
|
buttons={[
|
|
{ text: "Explore Apartments", href: "/apartments" },
|
|
{ text: "Check Availability", href: "#booking" },
|
|
]}
|
|
buttonAnimation="blur-reveal"
|
|
imageSrc="http://img.b2bpic.net/free-photo/umbrella-chair-around-swimming-pool-neary-sea-ocean-beach-sunrise-sunset-time_74190-8444.jpg"
|
|
imageAlt="Luxury beachfront apartment with ocean view"
|
|
mediaAnimation="opacity"
|
|
imagePosition="right"
|
|
/>
|
|
</div>
|
|
|
|
<div id="apartments" data-section="apartments" className="bg-gradient-to-b from-rose-50 via-amber-50 to-white">
|
|
<ProductCardThree
|
|
title="Our Featured Apartments"
|
|
description="Handpicked luxury residences offering the perfect blend of comfort, style, and breathtaking views. Each apartment is meticulously designed for an unforgettable vacation experience."
|
|
tag="Premium Selection"
|
|
tagIcon={Star}
|
|
textboxLayout="default"
|
|
animationType="slide-up"
|
|
useInvertedBackground={false}
|
|
gridVariant="three-columns-all-equal-width"
|
|
products={[
|
|
{
|
|
id: "1", name: "Costa Adeje Penthouse", price: "From €180/night", imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-young-asian-woman-smile-relax-leisure-around-outdoor-swimming-pool-with-city-view_74190-13715.jpg", imageAlt: "Luxury penthouse in Costa Adeje"},
|
|
{
|
|
id: "2", name: "Los Cristianos Beachfront", price: "From €150/night", imageSrc: "http://img.b2bpic.net/free-photo/fashion-portrait-young-pretty-stylish-woman-white-light-summer-dress-big-black-massive-boots-luxury-rich-villa_343596-1951.jpg?_wi=1", imageAlt: "Beachfront apartment in Los Cristianos"},
|
|
{
|
|
id: "3", name: "Playa Las Américas Suite", price: "From €165/night", imageSrc: "http://img.b2bpic.net/free-photo/two-stylish-caucasian-woman-summer-dress-pink-trendy-suit_343596-2174.jpg?_wi=1", imageAlt: "Premium suite in Playa Las Américas"},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="amenities" data-section="amenities" className="bg-gradient-to-b from-green-50 via-white to-rose-50">
|
|
<FeatureHoverPattern
|
|
title="World-Class Amenities"
|
|
description="Discover the exceptional features that make our apartments the ultimate luxury vacation destination."
|
|
tag="Amenities"
|
|
tagIcon={Sparkles}
|
|
tagAnimation="slide-up"
|
|
textboxLayout="default"
|
|
animationType="slide-up"
|
|
useInvertedBackground={true}
|
|
features={[
|
|
{
|
|
icon: Waves,
|
|
title: "Private Pool Access", description: "Exclusive infinity pools overlooking the Atlantic Ocean with heated salt water and lounging areas."},
|
|
{
|
|
icon: Utensils,
|
|
title: "Gourmet Kitchen", description: "Fully equipped modern kitchens with premium appliances, granite countertops, and chef's essentials."},
|
|
{
|
|
icon: Bed,
|
|
title: "Luxury Bedrooms", description: "Spacious suites with premium linens, air conditioning, and panoramic sea views from every angle."},
|
|
{
|
|
icon: Palmtree,
|
|
title: "Beach Access", description: "Direct access to pristine white-sand beaches and crystal-clear Mediterranean waters year-round."},
|
|
{
|
|
icon: Wifi,
|
|
title: "High-Speed Internet", description: "Reliable fiber-optic connectivity with streaming capability for seamless entertainment."},
|
|
{
|
|
icon: Headphones,
|
|
title: "Entertainment System", description: "Smart TV with international channels, premium streaming services, and surround sound audio."},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials" className="bg-gradient-to-b from-white via-amber-50 to-rose-50">
|
|
<TestimonialCardTen
|
|
title="Guest Experiences"
|
|
description="Read what our satisfied travelers have to say about their unforgettable stays."
|
|
tag="Reviews"
|
|
tagIcon={Heart}
|
|
tagAnimation="blur-reveal"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
testimonials={[
|
|
{
|
|
id: "1", title: "Paradise Found in Costa Adeje", quote: "The penthouse exceeded all expectations. Waking up to ocean views with morning coffee was pure bliss. The attention to detail and hospitality made this our best vacation ever.", name: "Sarah & Michael", role: "Travelers from London", imageSrc: "http://img.b2bpic.net/free-photo/couple-tourists-resting-outdoor-restaurant-travelling-people-eating-healthy-food-together-lunch-holidays_273609-6623.jpg?_wi=1", imageAlt: "Happy guests at Costa Adeje"},
|
|
{
|
|
id: "2", title: "Beachfront Dreams in Los Cristianos", quote: "Being steps away from the beach was incredible. The apartment was immaculate, well-stocked, and the sunset views from the terrace were absolutely mesmerizing.", name: "Elena & Marco", role: "Travelers from Milan", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-family-with-little-daughter_171337-7157.jpg?_wi=1", imageAlt: "Satisfied guests enjoying beach view"},
|
|
{
|
|
id: "3", title: "Family Paradise at Playa Las Américas", quote: "Our family of five had the most amazing time. The suite was spacious, the pool was perfect for the kids, and the staff helped us arrange everything effortlessly.", name: "The Johnson Family", role: "Travelers from New York", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-happy-woman-summer-dress-sunglasses-straw-hat_343596-1717.jpg?_wi=1", imageAlt: "Family enjoying vacation"},
|
|
{
|
|
id: "4", title: "Luxury Retreat Paradise", quote: "Every moment felt special. From the moment we arrived until departure, everything was perfectly orchestrated. We're already planning our return.", name: "Anna & David", role: "Travelers from Berlin", imageSrc: "http://img.b2bpic.net/free-photo/women-taking-selfie-near-wooden-carcass_23-2147771331.jpg?_wi=1", imageAlt: "Happy guests at luxury resort"},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterCard
|
|
logoText="HolidayTenerifeSouth"
|
|
copyrightText="© 2025 Holiday Tenerife South. All rights reserved."
|
|
socialLinks={[
|
|
{
|
|
icon: Instagram,
|
|
href: "https://instagram.com/holidaytenerifeswouth", ariaLabel: "Follow us on Instagram"},
|
|
{
|
|
icon: Facebook,
|
|
href: "https://facebook.com/holidaytenerifeswouth", ariaLabel: "Follow us on Facebook"},
|
|
{
|
|
icon: Mail,
|
|
href: "mailto:info@holidaytenerifeswouth.com", ariaLabel: "Email us"},
|
|
]}
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
} |