7 Commits

Author SHA1 Message Date
4e1b28864f Update src/app/spa-services/page.tsx 2026-05-26 09:41:40 +00:00
0ce13361d9 Update src/app/rooms-suites/page.tsx 2026-05-26 09:41:39 +00:00
db0e0605ba Update src/app/styles/variables.css 2026-05-26 09:40:57 +00:00
96d0c46288 Update src/app/styles/base.css 2026-05-26 09:40:56 +00:00
9e5ef1c874 Add src/app/spa-services/page.tsx 2026-05-26 09:40:56 +00:00
65a3742e8c Add src/app/rooms-suites/page.tsx 2026-05-26 09:40:55 +00:00
70367ab20a Update src/app/page.tsx 2026-05-26 09:40:55 +00:00
5 changed files with 212 additions and 32 deletions

View File

@@ -1,16 +1,16 @@
"use client"; "use client";
import ReactLenis from "lenis/react"; import ReactLenis from "lenis/react";
import HeroCarouselLogo from "@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo"; import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo';
import InlineImageSplitTextAbout from "@/components/sections/about/InlineImageSplitTextAbout"; import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
import FeatureCardOne from "@/components/sections/feature/FeatureCardOne"; import FeatureCardOne from '@/components/sections/feature/FeatureCardOne';
import FeatureCardNine from "@/components/sections/feature/FeatureCardNine"; import FeatureCardNine from '@/components/sections/feature/FeatureCardNine';
import FeatureCardMedia from "@/components/sections/feature/FeatureCardMedia"; import FeatureCardMedia from '@/components/sections/feature/FeatureCardMedia';
import TestimonialCardFive from "@/components/sections/testimonial/TestimonialCardFive"; import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
import ContactSplitForm from "@/components/sections/contact/ContactSplitForm"; import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FooterCard from "@/components/sections/footer/FooterCard"; import FooterCard from '@/components/sections/footer/FooterCard';
import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline"; import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider"; import { ThemeProvider } from '@/providers/themeProvider/ThemeProvider';
import { Sparkles, Compass, MapPin, Instagram, Facebook, Linkedin } from "lucide-react"; import { Sparkles, Compass, MapPin, Instagram, Facebook, Linkedin } from "lucide-react";
export default function LuxuryTravelAgencyTemplatePage() { export default function LuxuryTravelAgencyTemplatePage() {
@@ -23,9 +23,9 @@ export default function LuxuryTravelAgencyTemplatePage() {
sizing="medium" sizing="medium"
background="none" background="none"
cardStyle="solid" cardStyle="solid"
primaryButtonStyle="shadow" primaryButtonStyle="gradient"
secondaryButtonStyle="solid" secondaryButtonStyle="radial-glow"
headingFontWeight="medium" headingFontWeight="semibold"
> >
<ReactLenis root> <ReactLenis root>
<NavbarLayoutFloatingInline <NavbarLayoutFloatingInline
@@ -37,12 +37,12 @@ export default function LuxuryTravelAgencyTemplatePage() {
{ name: "Explore Modica", id: "explore" }, { name: "Explore Modica", id: "explore" },
{ name: "Contact", id: "contact" } { name: "Contact", id: "contact" }
]} ]}
brandName="Terradamari" brandName="Hilton Terradamari Resort"
button={{ text: "Book Now", href: "#contact" }} button={{ text: "Book Now", href: "#contact" }}
/> />
<HeroCarouselLogo <HeroCarouselLogo
logoText="Terradamari" logoText="Hilton Terradamari"
description="Welcome to Terradamari Resort & Spa, Marina di Modica. Discover a haven of tranquility and luxury on Sicily's stunning coastline, a proud Tapestry Collection by Hilton destination." description="Welcome to Hilton Terradamari Resort & Spa, Marina di Modica. Discover unparalleled tranquility and luxury on Sicily's stunning coastline, a distinguished Tapestry Collection by Hilton property."
buttons={[ buttons={[
{ text: "Book Your Stay", href: "#contact" }, { text: "Book Your Stay", href: "#contact" },
{ text: "Explore Resort", href: "#about" }, { text: "Explore Resort", href: "#about" },
@@ -58,11 +58,11 @@ export default function LuxuryTravelAgencyTemplatePage() {
<InlineImageSplitTextAbout <InlineImageSplitTextAbout
className="pt-40" className="pt-40"
heading={[ heading={[
{ type: "text", content: "Experience unparalleled luxury" }, { type: "text", content: "Experience Hilton's unparalleled luxury" },
{ type: "image", src: "http://img.b2bpic.net/free-photo/long-white-dinner-table-with-sparkling-glassware-candleholders-stands-beach_1304-3243.jpg", alt: "Luxurious resort detail" }, { type: "image", src: "http://img.b2bpic.net/free-photo/long-white-dinner-table-with-sparkling-glassware-candleholders-stands-beach_1304-3243.jpg", alt: "Luxurious resort detail" },
{ type: "text", content: "where Sicilian charm meets Tapestry Collection elegance." }, { type: "text", content: "where Sicilian charm meets Tapestry Collection elegance." },
{ type: "image", src: "http://img.b2bpic.net/free-photo/beautiful-aerial-view-algarve-coast-portugal_231208-6623.jpg", alt: "Coastal landscape of Marina di Modica" }, { type: "image", src: "http://img.b2bpic.net/free-photo/beautiful-aerial-view-algarve-coast-portugal_231208-6623.jpg", alt: "Coastal landscape of Marina di Modica" },
{ type: "text", content: "Your perfect escape awaits." { type: "text", content: "Your extraordinary escape awaits."
} }
]} ]}
buttons={[ buttons={[
@@ -158,7 +158,7 @@ export default function LuxuryTravelAgencyTemplatePage() {
/> />
<ContactSplitForm <ContactSplitForm
title="Plan Your Sicilian Escape" title="Plan Your Sicilian Escape"
description="Connect with us to book your dream stay at Terradamari Resort & Spa. Our team is ready to assist." description="Connect with us to book your dream stay at Hilton Terradamari Resort & Spa. Our team is ready to assist."
useInvertedBackground={false} useInvertedBackground={false}
imageSrc="http://img.b2bpic.net/free-photo/pier-bridge-pavilion_1150-11040.jpg" imageSrc="http://img.b2bpic.net/free-photo/pier-bridge-pavilion_1150-11040.jpg"
imageAlt="Luxurious resort lobby or exterior at sunset" imageAlt="Luxurious resort lobby or exterior at sunset"
@@ -177,8 +177,8 @@ export default function LuxuryTravelAgencyTemplatePage() {
}} }}
/> />
<FooterCard <FooterCard
logoText="Terradamari" logoText="Hilton Terradamari Resort"
copyrightText="© 2025 Terradamari Resort & Spa | Tapestry Collection by Hilton" copyrightText="© 2025 Hilton Terradamari Resort & Spa | Marina di Modica. All Rights Reserved."
socialLinks={[ socialLinks={[
{ icon: Instagram, href: "#", ariaLabel: "Instagram" }, { icon: Instagram, href: "#", ariaLabel: "Instagram" },
{ icon: Facebook, href: "#", ariaLabel: "Facebook" }, { icon: Facebook, href: "#", ariaLabel: "Facebook" },

View File

@@ -0,0 +1,90 @@
"use client";
import ReactLenis from "lenis/react";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
import HeroBillboardCarousel from "@/components/sections/hero/HeroBillboardCarousel";
import FeatureCardSeven from "@/components/sections/feature/FeatureCardSeven";
import FooterCard from "@/components/sections/footer/FooterCard";
import { Sparkles, Bed, Ruler, Sunset, Instagram, Facebook, Linkedin } from "lucide-react";
export default function RoomsSuitesPage() {
return (
<ThemeProvider
defaultButtonVariant="icon-arrow"
defaultTextAnimation="entrance-slide"
borderRadius="rounded"
contentWidth="medium"
sizing="medium"
background="none"
cardStyle="solid"
primaryButtonStyle="shadow"
secondaryButtonStyle="solid"
headingFontWeight="medium"
>
<ReactLenis root>
<NavbarLayoutFloatingInline
navItems={[
{ name: "Home", id: "/" },
{ name: "Rooms & Suites", id: "/rooms-suites" },
{ name: "Spa & Wellness", id: "/spa-services" },
{ name: "Dining", id: "/dining" },
{ name: "Amenities", id: "/amenities" },
{ name: "Gallery", id: "/gallery" },
{ name: "Contact", id: "/#contact" }
]}
brandName="Terradamari"
button={{ text: "Book Now", href: "/#contact" }}
/>
<HeroBillboardCarousel
title="Our Exquisite Rooms & Suites"
description="Discover your perfect haven of comfort and elegance at Terradamari. Each space is designed for ultimate relaxation and stunning views."
background={{ variant: "radial-gradient" }}
mediaItems={[
{ imageSrc: "https://picsum.photos/id/191/1200/800", imageAlt: "Luxurious room with sea view" },
{ imageSrc: "https://picsum.photos/id/157/1200/800", imageAlt: "Elegant suite living area" },
{ imageSrc: "https://picsum.photos/id/177/1200/800", imageAlt: "Spacious balcony overlooking the resort" }
]}
buttons={[
{ text: "View Availability", href: "/#contact" },
{ text: "Explore Amenities", href: "/amenities" }
]}
/>
<div id="rooms-suites" data-section="rooms-suites">
<FeatureCardSeven
tag="Accommodations"
tagIcon={Sparkles}
title="A Sanctuary of Style & Comfort"
description="From intimate deluxe rooms to expansive presidential suites, Terradamari offers a curated selection of accommodations."
textboxLayout="default"
animationType="slide-up"
useInvertedBackground={false}
features={[
{
title: "Deluxe Sea View Room", description: "Enjoy breathtaking Mediterranean sea views from your private balcony. Featuring a king-size bed, luxurious bathroom, and modern amenities.", imageSrc: "https://picsum.photos/id/201/800/600", imageAlt: "Deluxe Sea View Room", buttons: [{ text: "Book Now", href: "/#contact" }]
},
{
title: "Junior Suite with Terrace", description: "Spacious suite with a separate living area and a large private terrace, perfect for enjoying the Sicilian sun. Ideal for couples seeking extra space.", imageSrc: "https://picsum.photos/id/202/800/600", imageAlt: "Junior Suite with Terrace", buttons: [{ text: "Book Now", href: "/#contact" }]
},
{
title: "Executive Suite", description: "Elegantly designed with distinct sleeping and living areas, offering panoramic views and exclusive services. An ideal choice for discerning travelers.", imageSrc: "https://picsum.photos/id/203/800/600", imageAlt: "Executive Suite", buttons: [{ text: "Book Now", href: "/#contact" }]
},
{
title: "Presidential Villa", description: "The pinnacle of luxury, this expansive villa boasts multiple bedrooms, a private pool, and dedicated butler service for an unforgettable stay.", imageSrc: "https://picsum.photos/id/204/800/600", imageAlt: "Presidential Villa", buttons: [{ text: "Book Now", href: "/#contact" }]
}
]}
/>
</div>
<FooterCard
logoText="Terradamari"
copyrightText="© 2025 Terradamari Resort & Spa | Tapestry Collection by Hilton"
socialLinks={[
{ icon: Instagram, href: "#", ariaLabel: "Instagram" },
{ icon: Facebook, href: "#", ariaLabel: "Facebook" },
{ icon: Linkedin, href: "#", ariaLabel: "LinkedIn" }
]}
/>
</ReactLenis>
</ThemeProvider>
);
}

View File

@@ -0,0 +1,90 @@
"use client";
import ReactLenis from "lenis/react";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
import HeroBillboardCarousel from "@/components/sections/hero/HeroBillboardCarousel";
import FeatureCardSeven from "@/components/sections/feature/FeatureCardSeven";
import FooterCard from "@/components/sections/footer/FooterCard";
import { Sparkles, Leaf, Heart, Gem, Sun, Instagram, Facebook, Linkedin } from "lucide-react";
export default function SpaServicesPage() {
return (
<ThemeProvider
defaultButtonVariant="icon-arrow"
defaultTextAnimation="entrance-slide"
borderRadius="rounded"
contentWidth="medium"
sizing="medium"
background="none"
cardStyle="solid"
primaryButtonStyle="shadow"
secondaryButtonStyle="solid"
headingFontWeight="medium"
>
<ReactLenis root>
<NavbarLayoutFloatingInline
navItems={[
{ name: "Home", id: "/" },
{ name: "Rooms & Suites", id: "/rooms-suites" },
{ name: "Spa & Wellness", id: "/spa-services" },
{ name: "Dining", id: "/dining" },
{ name: "Amenities", id: "/amenities" },
{ name: "Gallery", id: "/gallery" },
{ name: "Contact", id: "/#contact" }
]}
brandName="Terradamari"
button={{ text: "Book Now", href: "/#contact" }}
/>
<HeroBillboardCarousel
title="Rejuvenate Your Senses"
description="Indulge in a world of tranquility and bespoke wellness experiences at our Spa. Discover holistic treatments inspired by ancient traditions."
background={{ variant: "radial-gradient" }}
mediaItems={[
{ imageSrc: "https://picsum.photos/id/129/1200/800", imageAlt: "Serene spa treatment room" },
{ imageSrc: "https://picsum.photos/id/158/1200/800", imageAlt: "Relaxing massage session" },
{ imageSrc: "https://picsum.photos/id/160/1200/800", imageAlt: "Spa facilities with natural elements" }
]}
buttons={[
{ text: "View Spa Menu", href: "/#contact" },
{ text: "Book a Treatment", href: "/#contact" }
]}
/>
<div id="spa-services" data-section="spa-services">
<FeatureCardSeven
tag="Wellness Journeys"
tagIcon={Leaf}
title="Signature Spa Treatments"
description="Our expert therapists offer a range of revitalizing treatments, from soothing massages to invigorating body wraps, using premium natural products."
textboxLayout="default"
animationType="slide-up"
useInvertedBackground={false}
features={[
{
title: "Signature Mediterranean Massage", description: "A deeply relaxing massage incorporating warm essential oils and traditional Sicilian techniques to relieve tension and promote well-being.", imageSrc: "https://picsum.photos/id/161/800/600", imageAlt: "Massage treatment", buttons: [{ text: "Enquire", href: "/#contact" }]
},
{
title: "Revitalizing Facial", description: "Customized facial treatments designed to cleanse, nourish, and rejuvenate your skin, leaving you with a radiant glow.", imageSrc: "https://picsum.photos/id/162/800/600", imageAlt: "Facial treatment", buttons: [{ text: "Enquire", href: "/#contact" }]
},
{
title: "Detoxifying Body Wrap", description: "Experience a full-body detox with our mineral-rich wraps, drawing out impurities and leaving your skin soft and smooth.", imageSrc: "https://picsum.photos/id/163/800/600", imageAlt: "Body wrap treatment", buttons: [{ text: "Enquire", href: "/#contact" }]
},
{
title: "Hydrotherapy & Thermal Baths", description: "Immerse yourself in our therapeutic hydrotherapy pools and thermal baths, perfect for relaxation and muscle relief.", imageSrc: "https://picsum.photos/id/164/800/600", imageAlt: "Hydrotherapy pool", buttons: [{ text: "Enquire", href: "/#contact" }]
}
]}
/>
</div>
<FooterCard
logoText="Terradamari"
copyrightText="© 2025 Terradamari Resort & Spa | Tapestry Collection by Hilton"
socialLinks={[
{ icon: Instagram, href: "#", ariaLabel: "Instagram" },
{ icon: Facebook, href: "#", ariaLabel: "Facebook" },
{ icon: Linkedin, href: "#", ariaLabel: "LinkedIn" }
]}
/>
</ReactLenis>
</ThemeProvider>
);
}

View File

@@ -11,7 +11,7 @@ html {
body { body {
background-color: var(--background); background-color: var(--background);
color: var(--foreground); color: var(--foreground);
font-family: var(--font-inter-tight), sans-serif; font-family: var(--font-inter), sans-serif;
position: relative; position: relative;
min-height: 100vh; min-height: 100vh;
overscroll-behavior: none; overscroll-behavior: none;
@@ -24,5 +24,5 @@ h3,
h4, h4,
h5, h5,
h6 { h6 {
font-family: var(--font-inter-tight), sans-serif; font-family: var(--font-libre-baskerville), serif;
} }

View File

@@ -10,15 +10,15 @@
--accent: #ffffff; --accent: #ffffff;
--background-accent: #ffffff; */ --background-accent: #ffffff; */
--background: #f6f0e9; --background: #f5f4ef;
--card: #efe7dd; --card: #dad6cd;
--foreground: #2b180a; --foreground: #2a2928;
--primary-cta: #2b180a; --primary-cta: #2a2928;
--primary-cta-text: #f6f0e9; --primary-cta-text: #f5f4ef;
--secondary-cta: #efe7dd; --secondary-cta: #ecebea;
--secondary-cta-text: #2b180a; --secondary-cta-text: #2a2928;
--accent: #94877c; --accent: #ffffff;
--background-accent: #afa094; --background-accent: #c6b180;
/* text sizing - set by ThemeProvider */ /* text sizing - set by ThemeProvider */
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem); /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);