diff --git a/src/app/page.tsx b/src/app/page.tsx index 7f40b70..f81f4b7 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -1,16 +1,16 @@ "use client"; import ReactLenis from "lenis/react"; -import HeroCarouselLogo from "@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo"; -import InlineImageSplitTextAbout from "@/components/sections/about/InlineImageSplitTextAbout"; -import FeatureCardOne from "@/components/sections/feature/FeatureCardOne"; -import FeatureCardNine from "@/components/sections/feature/FeatureCardNine"; -import FeatureCardMedia from "@/components/sections/feature/FeatureCardMedia"; -import TestimonialCardFive from "@/components/sections/testimonial/TestimonialCardFive"; -import ContactSplitForm from "@/components/sections/contact/ContactSplitForm"; -import FooterCard from "@/components/sections/footer/FooterCard"; -import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline"; -import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider"; +import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo'; +import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout'; +import FeatureCardOne from '@/components/sections/feature/FeatureCardOne'; +import FeatureCardNine from '@/components/sections/feature/FeatureCardNine'; +import FeatureCardMedia from '@/components/sections/feature/FeatureCardMedia'; +import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive'; +import ContactSplitForm from '@/components/sections/contact/ContactSplitForm'; +import FooterCard from '@/components/sections/footer/FooterCard'; +import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline'; +import { ThemeProvider } from '@/providers/themeProvider/ThemeProvider'; import { Sparkles, Compass, MapPin, Instagram, Facebook, Linkedin } from "lucide-react"; export default function LuxuryTravelAgencyTemplatePage() { @@ -23,9 +23,9 @@ export default function LuxuryTravelAgencyTemplatePage() { sizing="medium" background="none" cardStyle="solid" - primaryButtonStyle="shadow" - secondaryButtonStyle="solid" - headingFontWeight="medium" + primaryButtonStyle="gradient" + secondaryButtonStyle="radial-glow" + headingFontWeight="semibold" > + + + +
+ +
+ +
+ + ); +} diff --git a/src/app/spa-services/page.tsx b/src/app/spa-services/page.tsx new file mode 100644 index 0000000..c9c3eec --- /dev/null +++ b/src/app/spa-services/page.tsx @@ -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 } from "lucide-react"; + +export default function SpaServicesPage() { + return ( + + + + +
+ +
+ +
+
+ ); +} diff --git a/src/app/styles/base.css b/src/app/styles/base.css index a25430f..efe6053 100644 --- a/src/app/styles/base.css +++ b/src/app/styles/base.css @@ -11,7 +11,7 @@ html { body { background-color: var(--background); color: var(--foreground); - font-family: var(--font-inter-tight), sans-serif; + font-family: var(--font-inter), sans-serif; position: relative; min-height: 100vh; overscroll-behavior: none; @@ -24,5 +24,5 @@ h3, h4, h5, h6 { - font-family: var(--font-inter-tight), sans-serif; + font-family: var(--font-libre-baskerville), serif; } diff --git a/src/app/styles/variables.css b/src/app/styles/variables.css index ee8d361..b7afc67 100644 --- a/src/app/styles/variables.css +++ b/src/app/styles/variables.css @@ -10,15 +10,15 @@ --accent: #ffffff; --background-accent: #ffffff; */ - --background: #f6f0e9; - --card: #efe7dd; - --foreground: #2b180a; - --primary-cta: #2b180a; - --primary-cta-text: #f6f0e9; - --secondary-cta: #efe7dd; - --secondary-cta-text: #2b180a; - --accent: #94877c; - --background-accent: #afa094; + --background: #f5f4ef; + --card: #dad6cd; + --foreground: #2a2928; + --primary-cta: #2a2928; + --primary-cta-text: #f5f4ef; + --secondary-cta: #ecebea; + --secondary-cta-text: #2a2928; + --accent: #ffffff; + --background-accent: #c6b180; /* text sizing - set by ThemeProvider */ /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);