Merge version_1 into main #2
155
src/app/page.tsx
155
src/app/page.tsx
@@ -29,21 +29,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
name: "Home", id: "/"},
|
||||
{
|
||||
name: "Catalog",
|
||||
id: "/catalog",
|
||||
},
|
||||
name: "Catalog", id: "/catalog"},
|
||||
{
|
||||
name: "About",
|
||||
id: "/about",
|
||||
},
|
||||
name: "About", id: "/about"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "/contact",
|
||||
},
|
||||
name: "Contact", id: "/contact"},
|
||||
]}
|
||||
brandName="MODERN FURNITURE"
|
||||
/>
|
||||
@@ -52,76 +44,47 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitKpi
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Modern Furniture for Your Dream Home"
|
||||
description="High-quality and stylish furniture for every space. Experience comfort and elegance in every detail."
|
||||
kpis={[
|
||||
{
|
||||
value: "100+",
|
||||
label: "Designs",
|
||||
},
|
||||
value: "100+", label: "Designs"},
|
||||
{
|
||||
value: "5K+",
|
||||
label: "Happy Clients",
|
||||
},
|
||||
value: "5K+", label: "Happy Clients"},
|
||||
{
|
||||
value: "10Y",
|
||||
label: "Experience",
|
||||
},
|
||||
value: "10Y", label: "Experience"},
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
buttons={[
|
||||
{
|
||||
text: "Shop Now",
|
||||
href: "/catalog",
|
||||
},
|
||||
text: "Shop Now", href: "/catalog"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/rubber-fig-plant-empty-room_53876-88588.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/elegant-wooden-bentwood-chair-gray-surface_23-2152002517.jpg",
|
||||
alt: "Client 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/elegant-wooden-bentwood-chair-gray-surface_23-2152002517.jpg", alt: "Client 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/modern-3d-lighting-lamp-design_23-2151047620.jpg",
|
||||
alt: "Client 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/modern-3d-lighting-lamp-design_23-2151047620.jpg", alt: "Client 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/creative-fengshui-practice-bedroom-arrangement_23-2149135755.jpg",
|
||||
alt: "Client 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/creative-fengshui-practice-bedroom-arrangement_23-2149135755.jpg", alt: "Client 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/home-interior-gray-wall-background-with-beige-velvet-armchair-wooden-floor_158538-5073.jpg",
|
||||
alt: "Client 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/home-interior-gray-wall-background-with-beige-velvet-armchair-wooden-floor_158538-5073.jpg", alt: "Client 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/scandinavian-style-sideboard-with-chair_53876-105829.jpg",
|
||||
alt: "Client 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/scandinavian-style-sideboard-with-chair_53876-105829.jpg", alt: "Client 5"},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Sustainable",
|
||||
},
|
||||
type: "text", text: "Sustainable"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Handcrafted",
|
||||
},
|
||||
type: "text", text: "Handcrafted"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Timeless",
|
||||
},
|
||||
type: "text", text: "Timeless"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Premium",
|
||||
},
|
||||
type: "text", text: "Premium"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Modular",
|
||||
},
|
||||
type: "text", text: "Modular"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -134,41 +97,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Nordic Sofa",
|
||||
price: "$1,200",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/elegant-wooden-bentwood-chair-gray-surface_23-2152002517.jpg?_wi=1",
|
||||
},
|
||||
id: "1", name: "Nordic Sofa", price: "$1,200", imageSrc: "http://img.b2bpic.net/free-photo/elegant-wooden-bentwood-chair-gray-surface_23-2152002517.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Oak Chair",
|
||||
price: "$350",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-3d-lighting-lamp-design_23-2151047620.jpg?_wi=1",
|
||||
},
|
||||
id: "2", name: "Oak Chair", price: "$350", imageSrc: "http://img.b2bpic.net/free-photo/modern-3d-lighting-lamp-design_23-2151047620.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Minimal Coffee Table",
|
||||
price: "$450",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/creative-fengshui-practice-bedroom-arrangement_23-2149135755.jpg?_wi=1",
|
||||
},
|
||||
id: "3", name: "Minimal Coffee Table", price: "$450", imageSrc: "http://img.b2bpic.net/free-photo/creative-fengshui-practice-bedroom-arrangement_23-2149135755.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Cloud Bed",
|
||||
price: "$1,800",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/home-interior-gray-wall-background-with-beige-velvet-armchair-wooden-floor_158538-5073.jpg?_wi=1",
|
||||
},
|
||||
id: "4", name: "Cloud Bed", price: "$1,800", imageSrc: "http://img.b2bpic.net/free-photo/home-interior-gray-wall-background-with-beige-velvet-armchair-wooden-floor_158538-5073.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Modern Dresser",
|
||||
price: "$600",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/scandinavian-style-sideboard-with-chair_53876-105829.jpg?_wi=1",
|
||||
},
|
||||
id: "5", name: "Modern Dresser", price: "$600", imageSrc: "http://img.b2bpic.net/free-photo/scandinavian-style-sideboard-with-chair_53876-105829.jpg"},
|
||||
{
|
||||
id: "6",
|
||||
name: "Ambient Lamp",
|
||||
price: "$250",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-cube-light-fixture-wall_23-2152007080.jpg?_wi=1",
|
||||
},
|
||||
id: "6", name: "Ambient Lamp", price: "$250", imageSrc: "http://img.b2bpic.net/free-photo/modern-cube-light-fixture-wall_23-2152007080.jpg"},
|
||||
]}
|
||||
title="Featured Collection"
|
||||
description="Discover our latest premium furniture pieces designed for your lifestyle."
|
||||
@@ -184,17 +123,9 @@ export default function LandingPage() {
|
||||
description="Elevating your living experience through design and function."
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Ergonomic Design",
|
||||
description: "Comfort at its finest.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/elegant-wooden-bentwood-chair-gray-surface_23-2152002517.jpg?_wi=2",
|
||||
},
|
||||
id: "f1", title: "Ergonomic Design", description: "Comfort at its finest.", tag: "New", imageSrc: "http://img.b2bpic.net/free-photo/elegant-wooden-bentwood-chair-gray-surface_23-2152002517.jpg"},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Eco-Friendly",
|
||||
description: "Kind to our planet.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-3d-lighting-lamp-design_23-2151047620.jpg?_wi=2",
|
||||
},
|
||||
id: "f2", title: "Eco-Friendly", description: "Kind to our planet.", tag: "Green", imageSrc: "http://img.b2bpic.net/free-photo/modern-3d-lighting-lamp-design_23-2151047620.jpg"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -206,12 +137,7 @@ export default function LandingPage() {
|
||||
title="Trusted Partners"
|
||||
description="Proudly working with industry leaders."
|
||||
names={[
|
||||
"Design Monthly",
|
||||
"Architectural Digest",
|
||||
"Modern Living",
|
||||
"Home & Garden",
|
||||
"Trendsetter",
|
||||
]}
|
||||
"Design Monthly", "Architectural Digest", "Modern Living", "Home & Garden", "Trendsetter"]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -219,8 +145,7 @@ export default function LandingPage() {
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Newsletter"
|
||||
title="Stay Updated"
|
||||
description="Get exclusive insights on our new releases."
|
||||
@@ -232,29 +157,19 @@ export default function LandingPage() {
|
||||
logoText="MODERN FURNITURE"
|
||||
columns={[
|
||||
{
|
||||
title: "Shop",
|
||||
items: [
|
||||
title: "Shop", items: [
|
||||
{
|
||||
label: "Sofas",
|
||||
href: "/catalog",
|
||||
},
|
||||
label: "Sofas", href: "/catalog"},
|
||||
{
|
||||
label: "Chairs",
|
||||
href: "/catalog",
|
||||
},
|
||||
label: "Chairs", href: "/catalog"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "/about",
|
||||
},
|
||||
label: "About Us", href: "/about"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "/contact",
|
||||
},
|
||||
label: "Contact", href: "/contact"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user