Update theme colors

Update src/app/page.tsx
2026-05-08 12:05:16 +00:00 · 2026-05-08 12:04:53 +00:00 · 2026-05-08 11:59:45 +00:00 · 2026-05-08 11:51:06 +00:00 · 2026-05-08 11:51:00 +00:00 · 2026-05-08 11:50:13 +00:00
4 changed files with 26 additions and 28 deletions
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -7,6 +7,7 @@ import { ServiceWrapper } from "@/components/ServiceWrapper";
 import Tag from "@/tag/Tag";
 import { getVisualEditScript } from "@/utils/visual-edit-script";
 import { Raleway } from "next/font/google";
 import { Manrope } from "next/font/google";
@@ -21,8 +22,9 @@ export const metadata: Metadata = {
  },
 };
-const raleway = Raleway({
+
-  variable: "--font-raleway",
+const manrope = Manrope({
  variable: "--font-manrope",
  subsets: ["latin"],
 });
@@ -34,7 +36,7 @@ export default function RootLayout({
  return (
    <html lang="en" suppressHydrationWarning>
      <ServiceWrapper>
-        <body className={`${raleway.variable} antialiased`}>
+        <body className={`${manrope.variable} antialiased`}>
          <Tag />
          {children}
          <script
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -6,10 +6,10 @@ import ContactCenter from '@/components/sections/contact/ContactCenter';
 import FaqSplitText from '@/components/sections/faq/FaqSplitText';
 import FeatureBento from '@/components/sections/feature/FeatureBento';
 import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
-import HeroSplitDualMedia from '@/components/sections/hero/HeroSplitDualMedia';
+import HeroBillboard from '@/components/sections/hero/HeroBillboard';
 import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
 import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
-import ProductCardOne from '@/components/sections/product/ProductCardOne';
+import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
 import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
 import TextAbout from '@/components/sections/about/TextAbout';
 import { MapPin, Smartphone, Sparkles } from "lucide-react";
@@ -42,22 +42,18 @@ export default function LandingPage() {
  </div>
  <div id="hero" data-section="hero">
-      <HeroSplitDualMedia
+      <HeroBillboard
      background={{ variant: "sparkles-gradient" }}
-      title="BLUE MOON 게스트하우스"
+      title="태백에서의 완벽한 휴식, 블루문 스테이"
      description="태백의 조용한 밤, 깨끗한 침구, 깊은 휴식을 위한 프라이빗 스테이. 여행과 출장 사이, 가장 편안한 하루를 위한 공간입니다."
      tag="Taebaek Premium Stay"
      buttons={[
        { text: "지금 예약하기", href: "#booking" },
        { text: "객실 둘러보기", href: "#rooms" },
      ]}
-      mediaItems={[
+      imageSrc="http://img.b2bpic.net/free-photo/city-background-panoramic-view_23-2148892972.jpg"
-        { imageSrc: "http://img.b2bpic.net/free-photo/city-background-panoramic-view_23-2148892972.jpg", imageAlt: "Blue Moon Guesthouse Hero" },
+      imageAlt="Blue Moon Guesthouse Hero"
        { imageSrc: "http://img.b2bpic.net/free-photo/landscape-with-pine-forests-mountains_661209-179.jpg", imageAlt: "Blue Moon Interior Detail" },
      ]}
      mediaAnimation="slide-up"
      rating={5}
      ratingText="방문객 평점 4.73"
    />
  </div>
@@ -91,18 +87,18 @@ export default function LandingPage() {
  </div>
  <div id="rooms" data-section="rooms">
-      <ProductCardOne
+      <ProductCardTwo
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={false}
      products={[
        {
-          id: "1",          name: "더블룸",          price: "인기",          imageSrc: "http://img.b2bpic.net/free-photo/white-pillows-stacked_1203-1329.jpg"},
+          id: "1", name: "더블룸", brand: "Signature", price: "99,000", rating: 5, reviewCount: "48", imageSrc: "http://img.b2bpic.net/free-photo/white-pillows-stacked_1203-1329.jpg"},
        {
-          id: "2",          name: "트윈룸",          price: "커플/가족",          imageSrc: "http://img.b2bpic.net/free-photo/delicious-breakfast-bed-concept_23-2148877644.jpg"},
+          id: "2", name: "트윈룸", brand: "Comfort", price: "119,000", rating: 5, reviewCount: "32", imageSrc: "http://img.b2bpic.net/free-photo/delicious-breakfast-bed-concept_23-2148877644.jpg"},
        {
-          id: "3",          name: "온돌방",          price: "힐링 룸",          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-woman-looking-away_23-2148350493.jpg"},
+          id: "3", name: "온돌방", brand: "Traditional", price: "89,000", rating: 4, reviewCount: "25", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-woman-looking-away_23-2148350493.jpg"},
      ]}
      title="시그니처 객실 타입"
      description="취향에 맞는 프라이빗 룸을 선택하세요."
--- 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-raleway), sans-serif;
+  font-family: var(--font-manrope), sans-serif;
  position: relative;
  min-height: 100vh;
  overscroll-behavior: none;
@@ -24,5 +24,5 @@ h3,
 h4,
 h5,
 h6 {
-  font-family: var(--font-raleway), sans-serif;
+  font-family: var(--font-manrope), sans-serif;
 }
--- a/src/app/styles/variables.css
+++ b/src/app/styles/variables.css
@@ -10,15 +10,15 @@
  --accent: #ffffff;
  --background-accent: #ffffff; */
-  --background: #07111f;
+  --background: #ffffff;
-  --card: #0c1728;
+  --card: #f9f9f9;
-  --foreground: #ffffff;
+  --foreground: #000612e6;
-  --primary-cta: #9fd4ff;
+  --primary-cta: #106EFB;
-  --primary-cta-text: #000000;
+  --primary-cta-text: #ffffff;
-  --secondary-cta: #ffffff;
+  --secondary-cta: #f9f9f9;
-  --secondary-cta-text: #000000;
+  --secondary-cta-text: #000612e6;
-  --accent: #9fd4ff;
+  --accent: #e2e2e2;
-  --background-accent: #07111f;
+  --background-accent: #106EFB;
  /* text sizing - set by ThemeProvider */
  /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
Author	SHA1	Message	Date
bender	312905ff0a	Update theme colors	2026-05-08 12:05:16 +00:00
bender	66c1dd4026	Update theme colors	2026-05-08 12:04:53 +00:00
bender	25fb411c7d	Update src/app/page.tsx	2026-05-08 11:59:45 +00:00
bender	377408e7af	Merge version_3 into main Merge version_3 into main	2026-05-08 11:51:06 +00:00
bender	c109dd4a97	Update src/app/page.tsx	2026-05-08 11:51:00 +00:00
bender	61c03b7098	Merge version_2 into main Merge version_2 into main	2026-05-08 11:50:13 +00:00
bender	d9c8ee8f34	Update theme fonts	2026-05-08 11:50:10 +00:00
bender	7f4b68f3d2	Update theme fonts	2026-05-08 11:50:09 +00:00
bender	cc6e855abb	Merge version_2 into main Merge version_2 into main	2026-05-08 11:48:28 +00:00
bender	7887ac7a88	Update src/app/page.tsx	2026-05-08 11:48:25 +00:00
bender	0609151f7f	Merge version_1 into main Merge version_1 into main	2026-05-08 11:39:28 +00:00
bender	4aa38536a1	Merge version_1 into main Merge version_1 into main	2026-05-08 11:38:59 +00:00