first commit 2

theme/rd.dnssash/shop/rb.layout/Trend01/index.php

@@ -0,0 +1,41 @@
+<?php
+if (!defined('_GNUBOARD_')) exit; // 개별 페이지 접근 불가
+
+// Trend01 레이아웃 전용 CSS 파일을 불러옵니다.
+add_stylesheet('<link rel="stylesheet" href="'.G5_THEME_URL.'/shop/rb.layout/Trend01/style.css?ver='.G5_SERVER_TIME.'">', 0);
+?>
+
+<!-- 1. 메인 비주얼 섹션 -->
+<div class="main-visual-section">
+    <div class="main-visual-bg"></div>
+    <div class="main-visual-content container">
+        <h1 class="main-visual-title">공간을 완성하는 단 하나의 디테일</h1>
+        <p class="main-visual-subtitle">최고급 자재와 장인의 기술로 탄생한 프리미엄 도어를 만나보세요.</p>
+        <a href="<?php echo G5_SHOP_URL; ?>/list.php?ca_id=10" class="main-visual-button">전체 상품 보기</a>
+    </div>
+</div>
+
+<!-- 2. 메인 콘텐츠 영역 -->
+<div class="main-content-wrapper container">
+    <main class="layout-main-content">
+        <!-- 신상품 섹션 -->
+        <section class="product-section">
+            <h2 class="product-section-title">New Arrivals</h2>
+            <p class="product-section-desc">가장 먼저 만나는 최신 디자인의 상품들</p>
+            <div class="flex_box" data-layout="main-content-new">
+                <!-- 'main-content-new' 영역에 최신 상품 모듈을 추가해주세요. -->
+                <?php if($is_admin) { echo "<div class='guide-box'>관리자 안내: [main-content-new] 영역에 '최신 상품' 모듈을 추가하세요.</div>"; } ?>
+            </div>
+        </section>
+
+        <!-- 인기상품 섹션 -->
+        <section class="product-section">
+            <h2 class="product-section-title">Best Sellers</h2>
+            <p class="product-section-desc">많은 분들이 선택한 인기 상품을 확인해보세요.</p>
+            <div class="flex_box" data-layout="main-content-best">
+                <!-- 'main-content-best' 영역에 인기 상품 모듈을 추가해주세요. -->
+                <?php if($is_admin) { echo "<div class='guide-box'>관리자 안내: [main-content-best] 영역에 '인기 상품' 모듈을 추가하세요.</div>"; } ?>
+            </div>
+        </section>
+    </main>
+</div>

theme/rd.dnssash/shop/rb.layout/Trend01/style.css

@@ -0,0 +1,120 @@
+/* Trend01 Layout Style - Minimal & Clean */
+
+/* 💡 [추가] 고정 헤더로 인한 겹침 방지 */
+body {
+    padding-top: 80px; /* 헤더 높이만큼 여백 추가 */
+}
+
+/* 1. 메인 비주얼 섹션 */
+.main-visual-section {
+    position: relative;
+    width: 100%;
+    height: 500px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    text-align: center;
+    color: #fff;
+    margin-bottom: 80px; /* 콘텐츠와의 간격 */
+}
+
+.main-visual-bg {
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    background-image: url('https://images.unsplash.com/photo-1588854337236-6889d631f3e7?q=80&w=2070&auto=format&fit=crop');
+    background-size: cover;
+    background-position: center;
+    filter: brightness(0.5);
+    z-index: 1;
+}
+
+.main-visual-content {
+    position: relative;
+    z-index: 2;
+    padding: 20px;
+}
+
+.main-visual-title {
+    font-size: 3rem;
+    font-weight: 700;
+    margin: 0 0 10px;
+    line-height: 1.2;
+}
+
+.main-visual-subtitle {
+    font-size: 1.2rem;
+    margin: 0 0 30px;
+    opacity: 0.9;
+}
+
+.main-visual-button {
+    display: inline-block;
+    padding: 12px 30px;
+    background-color: #111; /* 포인트 색상 (블랙) */
+    color: #fff;
+    text-decoration: none;
+    font-weight: 700;
+    border-radius: 4px;
+    transition: all 0.3s ease;
+    border: 2px solid #111;
+}
+
+.main-visual-button:hover {
+    background-color: #fff;
+    color: #111;
+}
+
+/* 2. 메인 콘텐츠 영역 */
+.main-content-wrapper {
+    max-width: 1280px;
+    margin: 0 auto;
+    padding: 0 20px;
+}
+
+.product-section {
+    margin-bottom: 80px;
+    text-align: center;
+}
+
+.product-section-title {
+    font-size: 2.2rem;
+    font-weight: 600;
+    margin: 0 0 10px;
+}
+
+.product-section-desc {
+    font-size: 1rem;
+    color: #777;
+    margin-bottom: 40px;
+}
+
+.guide-box {
+    padding: 40px;
+    background-color: #f9f9f9;
+    border: 1px dashed #ddd;
+    color: #888;
+    font-size: 0.9rem;
+}
+
+/* 모바일 반응형 */
+@media (max-width: 768px) {
+    .main-visual-section {
+        height: 400px;
+        margin-bottom: 60px;
+    }
+    .main-visual-title {
+        font-size: 2.2rem;
+    }
+    .main-visual-subtitle {
+        font-size: 1rem;
+    }
+    .product-section {
+        margin-bottom: 60px;
+    }
+    .product-section-title {
+        font-size: 1.8rem;
+    }
+}