Merge version_2 into main #2
164
src/app/page.tsx
164
src/app/page.tsx
@@ -29,21 +29,13 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Products",
|
||||
id: "products",
|
||||
},
|
||||
name: "Products", id: "products"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Marble Crafts"
|
||||
/>
|
||||
@@ -52,19 +44,14 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogoBillboard
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
logoText="Marble Crafts"
|
||||
description="Timeless artistry carved into every piece. Discover our curated collection of luxury handcrafted marble decor."
|
||||
buttons={[
|
||||
{
|
||||
text: "View Collection",
|
||||
href: "#products",
|
||||
},
|
||||
text: "View Collection", href: "#products"},
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Contact Us", href: "#contact"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/abstract-gold-chain-jewellery-presentation_23-2149599082.jpg?_wi=1"
|
||||
imageAlt="Luxurious marble sculpture and home decor"
|
||||
@@ -77,18 +64,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "The Art of ",
|
||||
},
|
||||
type: "text", content: "The Art of "},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/black-man-chief-preparing-freshly-baked-chocolate-cake-packaging-artisan-cooking-process-confectionery_346278-663.jpg",
|
||||
alt: "Crafting marble",
|
||||
},
|
||||
type: "image", src: "http://img.b2bpic.net/free-photo/black-man-chief-preparing-freshly-baked-chocolate-cake-packaging-artisan-cooking-process-confectionery_346278-663.jpg", alt: "Crafting marble"},
|
||||
{
|
||||
type: "text",
|
||||
content: " Stone Craftsmanship",
|
||||
},
|
||||
type: "text", content: " Stone Craftsmanship"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -101,47 +81,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Minimalist Vase",
|
||||
price: "$120",
|
||||
variant: "White Carrara",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/different-shaped-white-vases-with-plant_23-2149835521.jpg?_wi=1",
|
||||
},
|
||||
id: "1", name: "Minimalist Vase", price: "$120", variant: "White Carrara", imageSrc: "http://img.b2bpic.net/free-photo/different-shaped-white-vases-with-plant_23-2149835521.jpg?_wi=1"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Geometric Bookends",
|
||||
price: "$85",
|
||||
variant: "Black Marquina",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/artistic-creation-made-from-3d-geometric-shapes_23-2150829201.jpg?_wi=1",
|
||||
},
|
||||
id: "2", name: "Geometric Bookends", price: "$85", variant: "Black Marquina", imageSrc: "http://img.b2bpic.net/free-photo/artistic-creation-made-from-3d-geometric-shapes_23-2150829201.jpg?_wi=1"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Vanity Tray",
|
||||
price: "$95",
|
||||
variant: "White Carrara",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dark-wooden-board-full-heart-shaped-jelly-candies_114579-31939.jpg?_wi=1",
|
||||
},
|
||||
id: "3", name: "Vanity Tray", price: "$95", variant: "White Carrara", imageSrc: "http://img.b2bpic.net/free-photo/dark-wooden-board-full-heart-shaped-jelly-candies_114579-31939.jpg?_wi=1"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Coaster Set",
|
||||
price: "$45",
|
||||
variant: "Mix Marble",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dish-with-cutlery-heart-shape-inside_1153-1119.jpg",
|
||||
},
|
||||
id: "4", name: "Coaster Set", price: "$45", variant: "Mix Marble", imageSrc: "http://img.b2bpic.net/free-photo/dish-with-cutlery-heart-shape-inside_1153-1119.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Candle Holder",
|
||||
price: "$65",
|
||||
variant: "White Carrara",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fluffy-cotton-plant-vase-used-interior-decor_23-2151104668.jpg",
|
||||
},
|
||||
id: "5", name: "Candle Holder", price: "$65", variant: "White Carrara", imageSrc: "http://img.b2bpic.net/free-photo/fluffy-cotton-plant-vase-used-interior-decor_23-2151104668.jpg"},
|
||||
{
|
||||
id: "6",
|
||||
name: "Tabletop Clock",
|
||||
price: "$150",
|
||||
variant: "Black Marquina",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/everyday-bath-utensils-dark-marble-background_58702-17721.jpg",
|
||||
},
|
||||
id: "6", name: "Tabletop Clock", price: "$150", variant: "Black Marquina", imageSrc: "http://img.b2bpic.net/free-photo/everyday-bath-utensils-dark-marble-background_58702-17721.jpg"},
|
||||
]}
|
||||
title="Our Collection"
|
||||
description="Exquisite marble pieces designed to add a touch of timeless elegance to your home."
|
||||
@@ -154,60 +104,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah J.",
|
||||
date: "Jan 2024",
|
||||
title: "Homeowner",
|
||||
quote: "The marble vase I purchased is a masterpiece. Exceptional quality.",
|
||||
tag: "Verified",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/beautiful-young-african-american-woman-smiling-cheerful-friendly-face-laughing-confident_839833-29956.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-gold-chain-jewellery-presentation_23-2149599082.jpg?_wi=2",
|
||||
imageAlt: "elegant marble sculpture craft home decor",
|
||||
},
|
||||
id: "1", name: "Sarah J.", date: "Jan 2024", title: "Homeowner", quote: "The marble vase I purchased is a masterpiece. Exceptional quality.", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/beautiful-young-african-american-woman-smiling-cheerful-friendly-face-laughing-confident_839833-29956.jpg", imageSrc: "http://img.b2bpic.net/free-photo/abstract-gold-chain-jewellery-presentation_23-2149599082.jpg?_wi=2", imageAlt: "elegant marble sculpture craft home decor"},
|
||||
{
|
||||
id: "2",
|
||||
name: "David K.",
|
||||
date: "Dec 2023",
|
||||
title: "Interior Designer",
|
||||
quote: "Incredible artistry and finish. My clients absolutely love these pieces.",
|
||||
tag: "Verified",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-happy-man-office-guy-sits-coworking-space-looking-camera-smiling_1258-245272.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/black-man-chief-preparing-freshly-baked-chocolate-cake-packaging-artisan-cooking-process-confectionery_346278-663.jpg",
|
||||
imageAlt: "artisan carving marble block close up",
|
||||
},
|
||||
id: "2", name: "David K.", date: "Dec 2023", title: "Interior Designer", quote: "Incredible artistry and finish. My clients absolutely love these pieces.", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-happy-man-office-guy-sits-coworking-space-looking-camera-smiling_1258-245272.jpg", imageSrc: "http://img.b2bpic.net/free-photo/black-man-chief-preparing-freshly-baked-chocolate-cake-packaging-artisan-cooking-process-confectionery_346278-663.jpg", imageAlt: "artisan carving marble block close up"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily R.",
|
||||
date: "Nov 2023",
|
||||
title: "Collector",
|
||||
quote: "Unique designs that stand out in any room. Simply beautiful.",
|
||||
tag: "Verified",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-girl-posing_23-2148499572.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/different-shaped-white-vases-with-plant_23-2149835521.jpg?_wi=2",
|
||||
imageAlt: "white marble vase minimalist design",
|
||||
},
|
||||
id: "3", name: "Emily R.", date: "Nov 2023", title: "Collector", quote: "Unique designs that stand out in any room. Simply beautiful.", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-girl-posing_23-2148499572.jpg", imageSrc: "http://img.b2bpic.net/free-photo/different-shaped-white-vases-with-plant_23-2149835521.jpg?_wi=2", imageAlt: "white marble vase minimalist design"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Michael B.",
|
||||
date: "Oct 2023",
|
||||
title: "Homeowner",
|
||||
quote: "Fast shipping and the quality exceeded my expectations.",
|
||||
tag: "Verified",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/young-woman-decorating-house-with-christmas-toys_1303-25884.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/artistic-creation-made-from-3d-geometric-shapes_23-2150829201.jpg?_wi=2",
|
||||
imageAlt: "marble bookends handcrafted decor",
|
||||
},
|
||||
id: "4", name: "Michael B.", date: "Oct 2023", title: "Homeowner", quote: "Fast shipping and the quality exceeded my expectations.", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/young-woman-decorating-house-with-christmas-toys_1303-25884.jpg", imageSrc: "http://img.b2bpic.net/free-photo/artistic-creation-made-from-3d-geometric-shapes_23-2150829201.jpg?_wi=2", imageAlt: "marble bookends handcrafted decor"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Amanda L.",
|
||||
date: "Sep 2023",
|
||||
title: "Interior Designer",
|
||||
quote: "I highly recommend Marble Crafts for authentic artisan decor.",
|
||||
tag: "Verified",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/ai-generated-cute-girl-pic_23-2150649852.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dark-wooden-board-full-heart-shaped-jelly-candies_114579-31939.jpg?_wi=2",
|
||||
imageAlt: "marble tray for vanity decor",
|
||||
},
|
||||
id: "5", name: "Amanda L.", date: "Sep 2023", title: "Interior Designer", quote: "I highly recommend Marble Crafts for authentic artisan decor.", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/ai-generated-cute-girl-pic_23-2150649852.jpg", imageSrc: "http://img.b2bpic.net/free-photo/dark-wooden-board-full-heart-shaped-jelly-candies_114579-31939.jpg?_wi=2", imageAlt: "marble tray for vanity decor"},
|
||||
]}
|
||||
title="Client Stories"
|
||||
description="Discover how our marble crafts bring elegance to homes around the world."
|
||||
@@ -218,8 +123,7 @@ export default function LandingPage() {
|
||||
<ContactSplit
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Contact Us"
|
||||
title="Let's Craft Together"
|
||||
description="Have a custom vision? Send us a message and we'll bring it to life."
|
||||
@@ -233,29 +137,19 @@ export default function LandingPage() {
|
||||
logoText="Marble Crafts"
|
||||
columns={[
|
||||
{
|
||||
title: "Products",
|
||||
items: [
|
||||
title: "Products", items: [
|
||||
{
|
||||
label: "Vases",
|
||||
href: "#products",
|
||||
},
|
||||
label: "Vases", href: "#products"},
|
||||
{
|
||||
label: "Decor",
|
||||
href: "#products",
|
||||
},
|
||||
label: "Decor", href: "#products"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About Us", href: "#about"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -265,4 +159,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
@@ -10,15 +10,15 @@
|
||||
--accent: #ffffff;
|
||||
--background-accent: #ffffff; */
|
||||
|
||||
--background: #f5f4ef;
|
||||
--card: #dad6cd;
|
||||
--foreground: #2a2928;
|
||||
--primary-cta: #2a2928;
|
||||
--background: #0a0a0a;
|
||||
--card: #1a1a1a;
|
||||
--foreground: #ffffffe6;
|
||||
--primary-cta: #e6e6e6;
|
||||
--primary-cta-text: #f5f4ef;
|
||||
--secondary-cta: #ecebea;
|
||||
--secondary-cta: #1a1a1a;
|
||||
--secondary-cta-text: #2a2928;
|
||||
--accent: #ffffff;
|
||||
--background-accent: #c6b180;
|
||||
--accent: #737373;
|
||||
--background-accent: #737373;
|
||||
|
||||
/* text sizing - set by ThemeProvider */
|
||||
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
|
||||
|
||||
Reference in New Issue
Block a user