Update theme colors

Merge version_3 into main

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,7 +42,7 @@ export default function LandingPage() {
   </div>
 
   <div id="hero" data-section="hero">
-      <HeroSplitDualMedia
+      <HeroBillboard
       background={{ variant: "sparkles-gradient" }}
       title="태백에서의 완벽한 휴식, 블루문 스테이"
       description="태백의 조용한 밤, 깨끗한 침구, 깊은 휴식을 위한 프라이빗 스테이. 여행과 출장 사이, 가장 편안한 하루를 위한 공간입니다."
@@ -51,13 +51,9 @@ export default function LandingPage() {
         { text: "지금 예약하기", href: "#booking" },
         { text: "객실 둘러보기", href: "#rooms" },
       ]}
-      mediaItems={[
-        { imageSrc: "http://img.b2bpic.net/free-photo/city-background-panoramic-view_23-2148892972.jpg", 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" },
-      ]}
+      imageSrc="http://img.b2bpic.net/free-photo/city-background-panoramic-view_23-2148892972.jpg"
+      imageAlt="Blue Moon Guesthouse Hero"
       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="취향에 맞는 프라이빗 룸을 선택하세요."

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #07111f;
-  --card: #0c1728;
-  --foreground: #ffffff;
-  --primary-cta: #9fd4ff;
-  --primary-cta-text: #000000;
-  --secondary-cta: #ffffff;
-  --secondary-cta-text: #000000;
-  --accent: #9fd4ff;
-  --background-accent: #07111f;
+  --background: #0a0a0a;
+  --card: #1a1a1a;
+  --foreground: #f5fffae6;
+  --primary-cta: #80da9b;
+  --primary-cta-text: #0a0a0a;
+  --secondary-cta: #1a1a1a;
+  --secondary-cta-text: #f5fffae6;
+  --accent: #737373;
+  --background-accent: #737373;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);