6 Commits

Author SHA1 Message Date
d07340539c Update src/app/page.tsx 2025-12-26 09:18:04 +00:00
4d24538ebd Update src/app/page.tsx 2025-12-26 09:14:11 +00:00
da6a267e53 Update src/app/page.tsx 2025-12-26 09:11:33 +00:00
b8fb14fc11 Update src/app/globals.css 2025-12-26 09:09:34 +00:00
84ccb6b8f2 Update src/app/page.tsx 2025-12-26 09:01:42 +00:00
1ace109c43 Update src/app/layout.tsx 2025-12-26 09:01:41 +00:00
3 changed files with 20 additions and 19 deletions

View File

@@ -4,13 +4,13 @@
/* Base units */ /* Base units */
/* --vw is set by ThemeProvider */ /* --vw is set by ThemeProvider */
--background: #ffffff;; --background: #000000;
--card: #f5f5f5;; --card: #1b1b1b;
--foreground: #1a1a1a;; --foreground: #ffffff;
--primary-cta: #1a1a1a;; --primary-cta: #ff6600;
--secondary-cta: #ffffff;; --secondary-cta: #151515;
--accent: #4ade80;; --accent: #ff8c42;
--background-accent: #22c55e;; --background-accent: #ff6600;
/* 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);
@@ -495,7 +495,7 @@ html {
body { body {
background-color: var(--background); background-color: var(--background);
color: var(--foreground); color: var(--foreground);
font-family: var(--font-mulish), sans-serif; font-family: var(--font-inter-tight), sans-serif;
position: relative; position: relative;
min-height: 100vh; min-height: 100vh;
overscroll-behavior: none; overscroll-behavior: none;
@@ -508,5 +508,5 @@ h3,
h4, h4,
h5, h5,
h6 { h6 {
font-family: var(--font-mulish), sans-serif; font-family: var(--font-inter-tight), sans-serif;
} }

View File

@@ -1264,4 +1264,4 @@ export default function RootLayout({
</ServiceWrapper> </ServiceWrapper>
</html> </html>
); );
} }

View File

@@ -2,7 +2,7 @@
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider"; import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen'; import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import HeroSplitLarge from '@/components/sections/hero/HeroSplitLarge'; import HeroSplit from '@/components/sections/hero/HeroSplit';
import SplitAbout from '@/components/sections/about/SplitAbout'; import SplitAbout from '@/components/sections/about/SplitAbout';
import ProductCardSix from '@/components/sections/product/ProductCardSix'; import ProductCardSix from '@/components/sections/product/ProductCardSix';
import ContactFaq from '@/components/sections/contact/ContactFaq'; import ContactFaq from '@/components/sections/contact/ContactFaq';
@@ -14,7 +14,7 @@ export default function LandingPage() {
<ThemeProvider <ThemeProvider
defaultButtonVariant="text-shift" defaultButtonVariant="text-shift"
defaultTextAnimation="reveal-blur" defaultTextAnimation="reveal-blur"
borderRadius="sharp" borderRadius="soft"
contentWidth="medium" contentWidth="medium"
sizing="largeSmallSizeMediumTitles" sizing="largeSmallSizeMediumTitles"
background="floatingGradient" background="floatingGradient"
@@ -38,14 +38,15 @@ export default function LandingPage() {
</div> </div>
<div id="hero" data-section="hero"> <div id="hero" data-section="hero">
<HeroSplitLarge <HeroSplit
title="Welcome to Hotel Setsu" title="Welcome to Hotel Setsu"
description="Experience authentic Japanese hospitality in the heart of Kyoto. Discover tranquility, elegance, and timeless tradition." description="Experience authentic Japanese hospitality in the heart of Kyoto. Discover tranquility, elegance, and timeless tradition."
tag="Luxury Accommodation" tag="Luxury Accommodation"
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766739074270-h0qm9zgt.jpg" imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766739074270-h0qm9zgt.jpg"
imageAlt="Hotel Setsu luxury suite overlooking traditional gardens" imageAlt="Hotel Setsu luxury suite overlooking traditional gardens"
imagePosition="right"
buttons={[ buttons={[
{ text: "Book Your Stay", href: "contact" }, { text: "Book Your Stay", href: "https://linkedin.com" },
{ text: "Explore More", href: "about" } { text: "Explore More", href: "about" }
]} ]}
/> />
@@ -89,28 +90,28 @@ export default function LandingPage() {
{ {
id: "1", id: "1",
name: "Luxury Suite with Private Garden", name: "Luxury Suite with Private Garden",
price: "From ¥250,000", price: "¥250,000/night",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766739074270-h0qm9zgt.jpg", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766739074270-h0qm9zgt.jpg",
imageAlt: "Luxury Suite with Private Garden" imageAlt: "Luxury Suite with Private Garden"
}, },
{ {
id: "2", id: "2",
name: "Premium Room with Garden View", name: "Premium Room with Garden View",
price: "From ¥180,000", price: "¥180,000/night",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766739077288-6btr929u.jpg", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766739077288-6btr929u.jpg",
imageAlt: "Premium Room with Garden View" imageAlt: "Premium Room with Garden View"
}, },
{ {
id: "3", id: "3",
name: "Traditional Tatami Room", name: "Traditional Tatami Room",
price: "From ¥120,000", price: "¥120,000/night",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766739074270-h0qm9zgt.jpg", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766739074270-h0qm9zgt.jpg",
imageAlt: "Traditional Tatami Room" imageAlt: "Traditional Tatami Room"
}, },
{ {
id: "4", id: "4",
name: "Standard Comfort Room", name: "Standard Comfort Room",
price: "From ¥80,000", price: "¥80,000/night",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766739077288-6btr929u.jpg", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766739077288-6btr929u.jpg",
imageAlt: "Standard Comfort Room" imageAlt: "Standard Comfort Room"
} }
@@ -190,4 +191,4 @@ export default function LandingPage() {
</div> </div>
</ThemeProvider> </ThemeProvider>
); );
} }