Merge version_1 into main #2
337
src/app/page.tsx
337
src/app/page.tsx
@@ -32,132 +32,34 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Gallery",
|
||||
id: "products",
|
||||
},
|
||||
{
|
||||
name: "Process",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Gallery", id: "products" },
|
||||
{ name: "Process", id: "about" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="The Craft of Living"
|
||||
button={{ text: "Get Started", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardTestimonial
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Preserve Your Most Precious Memories"
|
||||
description="Transform your wedding bouquets, sacred moments, and life’s milestones into handcrafted luxury keepsakes designed to last a lifetime."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Sarah J.",
|
||||
handle: "@sarahj",
|
||||
testimonial: "The attention to detail is beyond words. Our wedding flowers are perfectly preserved.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-floral-composition_23-2150969185.jpg?_wi=1",
|
||||
imageAlt: "luxury resin flower frame art soft lighting",
|
||||
},
|
||||
{
|
||||
name: "Mark D.",
|
||||
handle: "@markd",
|
||||
testimonial: "Truly professional and creative work. A real heirloom piece.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/artist-using-paint-brush-paint-canvas_23-2148591290.jpg?_wi=1",
|
||||
imageAlt: "luxury resin flower frame art soft lighting",
|
||||
},
|
||||
{
|
||||
name: "Emily R.",
|
||||
handle: "@emilyr",
|
||||
testimonial: "An absolute treasure that perfectly captures our wedding day.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/decorative-arrangement-with-dried-fruits-flowers_23-2151367140.jpg?_wi=1",
|
||||
imageAlt: "luxury resin flower frame art soft lighting",
|
||||
},
|
||||
{
|
||||
name: "James L.",
|
||||
handle: "@jamesl",
|
||||
testimonial: "Exceptional craftsmanship. Highly recommend this service.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-iced-flowers-glass-basket_114579-75842.jpg?_wi=1",
|
||||
imageAlt: "luxury resin flower frame art soft lighting",
|
||||
},
|
||||
{
|
||||
name: "Sofia P.",
|
||||
handle: "@sofiap",
|
||||
testimonial: "The perfect keepsake for our family memories. So grateful.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-assortment-dry-flower-rose-tea-with-two-pencils-wooden-board-black_140725-12084.jpg?_wi=1",
|
||||
imageAlt: "luxury resin flower frame art soft lighting",
|
||||
},
|
||||
{ name: "Sarah J.", handle: "@sarahj", testimonial: "The attention to detail is beyond words. Our wedding flowers are perfectly preserved.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/beautiful-floral-composition_23-2150969185.jpg", imageAlt: "luxury resin flower frame art soft lighting" },
|
||||
{ name: "Mark D.", handle: "@markd", testimonial: "Truly professional and creative work. A real heirloom piece.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/artist-using-paint-brush-paint-canvas_23-2148591290.jpg", imageAlt: "luxury resin flower frame art soft lighting" },
|
||||
{ name: "Emily R.", handle: "@emilyr", testimonial: "An absolute treasure that perfectly captures our wedding day.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/decorative-arrangement-with-dried-fruits-flowers_23-2151367140.jpg", imageAlt: "luxury resin flower frame art soft lighting" },
|
||||
{ name: "James L.", handle: "@jamesl", testimonial: "Exceptional craftsmanship. Highly recommend this service.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-iced-flowers-glass-basket_114579-75842.jpg", imageAlt: "luxury resin flower frame art soft lighting" },
|
||||
{ name: "Sofia P.", handle: "@sofiap", testimonial: "The perfect keepsake for our family memories. So grateful.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/side-view-assortment-dry-flower-rose-tea-with-two-pencils-wooden-board-black_140725-12084.jpg", imageAlt: "luxury resin flower frame art soft lighting" },
|
||||
]}
|
||||
tag="Luxury Resin Keepsakes"
|
||||
buttons={[
|
||||
{
|
||||
text: "Create My Keepsake",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
text: "View Gallery",
|
||||
href: "#products",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/beautiful-floral-composition_23-2150969185.jpg?_wi=2"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/everyday-bath-utensils-dark-marble-background_58702-17749.jpg",
|
||||
alt: "Sarah J portrait",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/view-flower-press-technique-still-life_23-2150276379.jpg",
|
||||
alt: "Mark D portrait",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/high-angle-view-decorative-foam-color-background_23-2148078958.jpg",
|
||||
alt: "Emily R portrait",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/wet-daisies-close-up_23-2148151447.jpg",
|
||||
alt: "James L portrait",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-girl-making-diy-crafts-upcycle-project_23-2149391035.jpg",
|
||||
alt: "Sofia P portrait",
|
||||
},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Artisan Handmade",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Timeless Preservation",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Premium Resin Materials",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Sustainable Process",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Client-Focused Design",
|
||||
},
|
||||
{ text: "Create My Keepsake", href: "#contact" },
|
||||
{ text: "View Gallery", href: "#products" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/beautiful-floral-composition_23-2150969185.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -166,15 +68,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Wedding Memories",
|
||||
"Sacred Milestones",
|
||||
"Timeless Heirloom Studio",
|
||||
"Floral Preservation Co.",
|
||||
"Memory Artisans",
|
||||
"Luxury Resin Decor",
|
||||
"Eternal Moments Arts",
|
||||
]}
|
||||
"Wedding Memories", "Sacred Milestones", "Timeless Heirloom Studio", "Floral Preservation Co.", "Memory Artisans", "Luxury Resin Decor", "Eternal Moments Arts"]}
|
||||
title="Trusted by Families"
|
||||
description="Join thousands of happy clients who have trusted us to preserve their most cherished memories."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -186,8 +82,7 @@ export default function LandingPage() {
|
||||
description="At The Craft of Living, every piece is more than art. Founded by Prerna, our studio specializes in transforming your meaningful moments into elegant resin keepsakes."
|
||||
subdescription="We prioritize extreme attention to detail, constant client communication, and emotional storytelling to ensure every heirloom is as unique as the memory it holds."
|
||||
icon={Sparkles}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/artist-using-paint-brush-paint-canvas_23-2148591290.jpg?_wi=2"
|
||||
mediaAnimation="slide-up"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/artist-using-paint-brush-paint-canvas_23-2148591290.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -198,45 +93,12 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Wedding Bouquet Preservation",
|
||||
price: "Custom",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/decorative-arrangement-with-dried-fruits-flowers_23-2151367140.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Memorial Flower Keepsakes",
|
||||
price: "Custom",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-iced-flowers-glass-basket_114579-75842.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Resin Jewelry Keepsakes",
|
||||
price: "Custom",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-assortment-dry-flower-rose-tea-with-two-pencils-wooden-board-black_140725-12084.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Custom Resin Decor",
|
||||
price: "Custom",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/circular-clock-indoors-still-life_23-2150436137.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Nameplate Artistry",
|
||||
price: "Custom",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/white-business-card-orange-pebbles_53876-95099.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Luxury Keepsake Trays",
|
||||
price: "Custom",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beet-walnut-salad-garnished-with-carrot-served-glass-pedestal-marble-surface_114579-52587.jpg",
|
||||
},
|
||||
{ id: "p1", name: "Wedding Bouquet Preservation", price: "Custom", imageSrc: "http://img.b2bpic.net/free-photo/decorative-arrangement-with-dried-fruits-flowers_23-2151367140.jpg" },
|
||||
{ id: "p2", name: "Memorial Flower Keepsakes", price: "Custom", imageSrc: "http://img.b2bpic.net/free-photo/close-up-iced-flowers-glass-basket_114579-75842.jpg" },
|
||||
{ id: "p3", name: "Resin Jewelry Keepsakes", price: "Custom", imageSrc: "http://img.b2bpic.net/free-photo/side-view-assortment-dry-flower-rose-tea-with-two-pencils-wooden-board-black_140725-12084.jpg" },
|
||||
]}
|
||||
title="Signature Collections"
|
||||
description="Browse our range of handcrafted resin keepsakes, each designed to capture and preserve your story."
|
||||
description="Browse our range of handcrafted resin keepsakes."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -246,38 +108,12 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "1000+",
|
||||
title: "Memories Preserved",
|
||||
items: [
|
||||
"Floral preservation",
|
||||
"Wedding milestones",
|
||||
"Custom heirlooms",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "5.0",
|
||||
title: "Star Rating",
|
||||
items: [
|
||||
"Client satisfaction",
|
||||
"High quality",
|
||||
"Premium finish",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "100%",
|
||||
title: "Handmade",
|
||||
items: [
|
||||
"Artisan precision",
|
||||
"Personal touch",
|
||||
"Custom designs",
|
||||
],
|
||||
},
|
||||
{ id: "m1", value: "1000+", title: "Memories Preserved", items: ["Floral preservation", "Wedding milestones"] },
|
||||
{ id: "m2", value: "5.0", title: "Star Rating", items: ["Client satisfaction", "High quality"] },
|
||||
{ id: "m3", value: "100%", title: "Handmade", items: ["Artisan precision", "Personal touch"] },
|
||||
]}
|
||||
title="Our Impact"
|
||||
description="Statistics reflecting our commitment to quality and client satisfaction."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -286,63 +122,11 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah Johnson",
|
||||
date: "2023",
|
||||
title: "Lovely work",
|
||||
quote: "Perfectly preserved my wedding bouquet.",
|
||||
tag: "Wedding",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/close-up-colleagues-celebrating-office_23-2149295516.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-floral-composition_23-2150969185.jpg?_wi=3",
|
||||
imageAlt: "happy client smiling portrait",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Michael Chen",
|
||||
date: "2023",
|
||||
title: "Beyond beautiful",
|
||||
quote: "Emotion turned into art.",
|
||||
tag: "Memorial",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/young-blonde-woman-black-jacket_176474-101946.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/artist-using-paint-brush-paint-canvas_23-2148591290.jpg?_wi=3",
|
||||
imageAlt: "happy client smiling portrait",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Emily Rodriguez",
|
||||
date: "2024",
|
||||
title: "Highly professional",
|
||||
quote: "Every request was considered.",
|
||||
tag: "Gift",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/surprised-woman-looking-gift_1187-1192.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/decorative-arrangement-with-dried-fruits-flowers_23-2151367140.jpg?_wi=3",
|
||||
imageAlt: "happy client smiling portrait",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "David Kim",
|
||||
date: "2024",
|
||||
title: "One of a kind",
|
||||
quote: "Unmatched precision and emotion.",
|
||||
tag: "Art",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/male-artist-painting-studio-with-watercolors_23-2149908451.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-iced-flowers-glass-basket_114579-75842.jpg?_wi=3",
|
||||
imageAlt: "happy client smiling portrait",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Elena V.",
|
||||
date: "2024",
|
||||
title: "Masterpiece",
|
||||
quote: "A stunning way to hold onto our day.",
|
||||
tag: "Wedding",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/attractive-casual-african-american-girl-stylish-trench-coat-happily-looking-away-with-coffee-go-cafe-street_574295-2881.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-assortment-dry-flower-rose-tea-with-two-pencils-wooden-board-black_140725-12084.jpg?_wi=3",
|
||||
imageAlt: "happy client smiling portrait",
|
||||
},
|
||||
{ id: "t1", name: "Sarah Johnson", date: "2023", title: "Lovely work", quote: "Perfectly preserved my wedding bouquet.", tag: "Wedding", avatarSrc: "http://img.b2bpic.net/free-photo/close-up-colleagues-celebrating-office_23-2149295516.jpg" },
|
||||
{ id: "t2", name: "Michael Chen", date: "2023", title: "Beyond beautiful", quote: "Emotion turned into art.", tag: "Memorial", avatarSrc: "http://img.b2bpic.net/free-photo/young-blonde-woman-black-jacket_176474-101946.jpg" },
|
||||
]}
|
||||
title="Client Stories"
|
||||
description="Hear from our wonderful clients about their experience with us."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -351,28 +135,11 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "How long does it take?",
|
||||
content: "Usually 2 to 6 weeks.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Can I customize pieces?",
|
||||
content: "Yes, every piece is fully custom.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Do I need to send original flowers?",
|
||||
content: "Fresh or dried are both fine.",
|
||||
},
|
||||
{
|
||||
id: "q4",
|
||||
title: "Is worldwide shipping safe?",
|
||||
content: "Yes, we pack everything securely.",
|
||||
},
|
||||
{ id: "q1", title: "How long does it take?", content: "Usually 2 to 6 weeks." },
|
||||
{ id: "q2", title: "Can I customize pieces?", content: "Yes, every piece is fully custom." },
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Find answers to our most common client questions here."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
@@ -380,16 +147,10 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
tag="Let's Connect"
|
||||
title="Start Your Memory Preservation"
|
||||
description="Have an idea for a custom piece? Send us a request and let's craft something timeless together."
|
||||
mediaAnimation="slide-up"
|
||||
inputPlaceholder="Enter your email"
|
||||
buttonText="Send Request"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/young-handsome-businessman-writing-paper-pinned-corkboard-talking-phone-smiling_176420-6478.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -398,41 +159,13 @@ export default function LandingPage() {
|
||||
logoText="The Craft of Living"
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Gallery",
|
||||
href: "#products",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
{
|
||||
label: "Process",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
title: "Company", items: [
|
||||
{ label: "About", href: "#about" },
|
||||
{ label: "Gallery", href: "#products" },
|
||||
{ label: "Contact", href: "#contact" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
copyrightText="© 2024 The Craft of Living. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user