bender/2ca633a3-8fd2-4aa1-a771-0dc5abd9781b
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-05-14 04:25:54 +00:00
parent 7f1815149f
commit b4a18d2a8c
1 changed files with 45 additions and 278 deletions
Download Patch File Download Diff File Expand all files Collapse all files

323
src/app/page.tsx
View File

@@ -13,7 +13,7 @@ import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatin
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
import { CheckCircle, Gift, Heart, Inbox, Package, PenTool, Sparkles, Star, Truck } from "lucide-react";
import { CheckCircle, Gift, Heart, Inbox, PenTool, Sparkles, Star, Truck } from "lucide-react";
export default function LandingPage() {
return (
@@ -33,26 +33,11 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay
navItems={[
{
name: "Home",
id: "home",
},
{
name: "About",
id: "about",
},
{
name: "Products",
id: "products",
},
{
name: "Gallery",
id: "gallery",
},
{
name: "Contact",
id: "contact",
},
{ name: "Home", id: "home" },
{ name: "About", id: "about" },
{ name: "Products", id: "products" },
{ name: "Gallery", id: "gallery" },
{ name: "Contact", id: "contact" },
]}
brandName="The Craft of Living"
/>
@@ -63,16 +48,10 @@ export default function LandingPage() {
logoText="THE CRAFT OF LIVING"
description="Preserve your most precious memories in elegant resin art. Wedding flowers, sacred moments, and life’s milestones transformed into handcrafted luxury keepsakes designed to last forever."
buttons={[
{
text: "Create My Keepsake",
href: "#contact",
},
{
text: "View Gallery",
href: "#gallery",
},
{ text: "Create My Keepsake", href: "#contact" },
{ text: "View Gallery", href: "#gallery" },
]}
imageSrc="http://img.b2bpic.net/free-photo/everyday-bath-utensils-dark-marble-background_58702-17783.jpg?_wi=1"
imageSrc="http://img.b2bpic.net/free-photo/everyday-bath-utensils-dark-marble-background_58702-17783.jpg"
/>
</div>
@@ -83,34 +62,10 @@ export default function LandingPage() {
gridVariant="uniform-all-items-equal"
useInvertedBackground={false}
metrics={[
{
id: "1",
value: "5★",
title: "Client Rating",
description: "Loved by our community",
icon: Star,
},
{
id: "2",
value: "1k+",
title: "Memories Preserved",
description: "Unique moments saved",
icon: Gift,
},
{
id: "3",
value: "100%",
title: "Handmade",
description: "Precision and care",
icon: Heart,
},
{
id: "4",
value: "Safe",
title: "Packaging",
description: "Worldwide delivery",
icon: Package,
},
{ id: "1", value: "5★", title: "Client Rating", description: "Loved by our community", icon: Star },
{ id: "2", value: "1k+", title: "Memories Preserved", description: "Unique moments saved", icon: Gift },
{ id: "3", value: "100%", title: "Handmade", description: "Precision and care", icon: Heart },
{ id: "4", value: "Safe", title: "Packaging", description: "Worldwide delivery", icon: Package },
]}
title="Our Impact"
description="Building memories, one piece at a time."
@@ -121,14 +76,8 @@ export default function LandingPage() {
<InlineImageSplitTextAbout
useInvertedBackground={true}
heading={[
{
type: "text",
content: "Crafted with Emotion. Designed with Precision.",
},
{
type: "image",
src: "http://img.b2bpic.net/free-photo/businesswoman-using-mobile-phone-coffee-shop_53876-13963.jpg",
},
{ type: "text", content: "Crafted with Emotion. Designed with Precision." },
{ type: "image", src: "http://img.b2bpic.net/free-photo/businesswoman-using-mobile-phone-coffee-shop_53876-13963.jpg" },
]}
/>
</div>
@@ -140,60 +89,12 @@ export default function LandingPage() {
gridVariant="four-items-2x2-equal-grid"
useInvertedBackground={false}
products={[
{
id: "p1",
brand: "Luxury",
name: "Wedding Bouquet",
price: "Custom",
rating: 5,
reviewCount: "50+",
imageSrc: "http://img.b2bpic.net/free-photo/top-view-colorful-autumn-leaves-wreath-with-heart-shape_23-2148697514.jpg?_wi=1",
},
{
id: "p2",
brand: "Memory",
name: "Memorial Flowers",
price: "Custom",
rating: 5,
reviewCount: "30+",
imageSrc: "http://img.b2bpic.net/free-photo/meditation-tranquility-with-buddha-statuette_23-2150426176.jpg?_wi=1",
},
{
id: "p3",
brand: "Decor",
name: "Photo Frames",
price: "Custom",
rating: 5,
reviewCount: "45+",
imageSrc: "http://img.b2bpic.net/free-photo/frame-with-colorful-confetti_23-2148340795.jpg?_wi=1",
},
{
id: "p4",
brand: "Gifting",
name: "Custom Jewelry",
price: "Custom",
rating: 5,
reviewCount: "20+",
imageSrc: "http://img.b2bpic.net/free-photo/top-view-colorful-autumn-leaves-frame_23-2148697510.jpg",
},
{
id: "p5",
brand: "Luxury",
name: "Nameplates",
price: "Custom",
rating: 5,
reviewCount: "15+",
imageSrc: "http://img.b2bpic.net/free-photo/composition-with-burning-aroma-candles-rose-petals_169016-24246.jpg",
},
{
id: "p6",
brand: "Classic",
name: "Resin Trays",
price: "Custom",
rating: 5,
reviewCount: "25+",
imageSrc: "http://img.b2bpic.net/free-photo/party-decoration_23-2148161362.jpg",
},
{ id: "p1", brand: "Luxury", name: "Wedding Bouquet", price: "Custom", rating: 5, reviewCount: "50+", imageSrc: "http://img.b2bpic.net/free-photo/top-view-colorful-autumn-leaves-wreath-with-heart-shape_23-2148697514.jpg" },
{ id: "p2", brand: "Memory", name: "Memorial Flowers", price: "Custom", rating: 5, reviewCount: "30+", imageSrc: "http://img.b2bpic.net/free-photo/meditation-tranquility-with-buddha-statuette_23-2150426176.jpg" },
{ id: "p3", brand: "Decor", name: "Photo Frames", price: "Custom", rating: 5, reviewCount: "45+", imageSrc: "http://img.b2bpic.net/free-photo/frame-with-colorful-confetti_23-2148340795.jpg" },
{ id: "p4", brand: "Gifting", name: "Custom Jewelry", price: "Custom", rating: 5, reviewCount: "20+", imageSrc: "http://img.b2bpic.net/free-photo/top-view-colorful-autumn-leaves-frame_23-2148697510.jpg" },
{ id: "p5", brand: "Luxury", name: "Nameplates", price: "Custom", rating: 5, reviewCount: "15+", imageSrc: "http://img.b2bpic.net/free-photo/composition-with-burning-aroma-candles-rose-petals_169016-24246.jpg" },
{ id: "p6", brand: "Classic", name: "Resin Trays", price: "Custom", rating: 5, reviewCount: "25+", imageSrc: "http://img.b2bpic.net/free-photo/party-decoration_23-2148161362.jpg" },
]}
title="Signature Keepsakes"
description="Handcrafted luxury for every moment."
@@ -206,46 +107,11 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={true}
features={[
{
title: "1. Share",
description: "Send your items.",
bentoComponent: "reveal-icon",
icon: Inbox,
imageSrc: "http://img.b2bpic.net/free-photo/everyday-bath-utensils-dark-marble-background_58702-17730.jpg",
imageAlt: "Everyday bath utensils on dark marble background",
},
{
title: "2. Design",
description: "Collaborate on layout.",
bentoComponent: "reveal-icon",
icon: PenTool,
imageSrc: "http://img.b2bpic.net/free-photo/everyday-bath-utensils-dark-marble-background_58702-17783.jpg?_wi=2",
imageAlt: "Everyday bath utensils on dark marble background",
},
{
title: "3. Craft",
description: "Handmade detailing.",
bentoComponent: "reveal-icon",
icon: Sparkles,
imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-using-mobile-phone-coffee-shop_53876-13963.jpg?_wi=1",
imageAlt: "Everyday bath utensils on dark marble background",
},
{
title: "4. Approve",
description: "Check updates.",
bentoComponent: "reveal-icon",
icon: CheckCircle,
imageSrc: "http://img.b2bpic.net/free-photo/top-view-colorful-autumn-leaves-wreath-with-heart-shape_23-2148697514.jpg?_wi=2",
imageAlt: "Everyday bath utensils on dark marble background",
},
{
title: "5. Receive",
description: "Secure delivery.",
bentoComponent: "reveal-icon",
icon: Truck,
imageSrc: "http://img.b2bpic.net/free-photo/meditation-tranquility-with-buddha-statuette_23-2150426176.jpg?_wi=2",
imageAlt: "Everyday bath utensils on dark marble background",
},
{ title: "1. Share", description: "Send your items.", bentoComponent: "reveal-icon", icon: Inbox },
{ title: "2. Design", description: "Collaborate on layout.", bentoComponent: "reveal-icon", icon: PenTool },
{ title: "3. Craft", description: "Handmade detailing.", bentoComponent: "reveal-icon", icon: Sparkles },
{ title: "4. Approve", description: "Check updates.", bentoComponent: "reveal-icon", icon: CheckCircle },
{ title: "5. Receive", description: "Secure delivery.", bentoComponent: "reveal-icon", icon: Truck },
]}
title="How It Works"
description="Your memory, preserved beautifully."
@@ -256,15 +122,7 @@ export default function LandingPage() {
<SocialProofOne
textboxLayout="default"
useInvertedBackground={false}
names={[
"Wedding Bouquet",
"Memorial Art",
"Photo Resin",
"Jewelry Keepsake",
"Custom Tray",
"Resin Clock",
"Nameplates",
]}
names={["Wedding Bouquet", "Memorial Art", "Photo Resin", "Jewelry Keepsake", "Custom Tray", "Resin Clock", "Nameplates"]}
title="Every Piece Tells a Story"
description="Gallery of precious memories."
/>
@@ -275,61 +133,11 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={true}
testimonials={[
{
id: "1",
name: "Sarah J.",
date: "Jan 2024",
title: "Beautiful",
quote: "Perfectly preserved my bouquet.",
tag: "Wedding",
avatarSrc: "http://img.b2bpic.net/free-photo/girl-sitting-table-holding-mobile-phone-indoors_171337-17097.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/everyday-bath-utensils-dark-marble-background_58702-17783.jpg?_wi=3",
imageAlt: "happy client smiling portrait",
},
{
id: "2",
name: "Michael C.",
date: "Dec 2023",
title: "Artful",
quote: "Emotion turned into art.",
tag: "Memorial",
avatarSrc: "http://img.b2bpic.net/free-photo/male-artist-painting-studio-with-watercolors_23-2149908451.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-using-mobile-phone-coffee-shop_53876-13963.jpg?_wi=2",
imageAlt: "happy client smiling portrait",
},
{
id: "3",
name: "Emily R.",
date: "Nov 2023",
title: "Professional",
quote: "Highly professional and creative.",
tag: "Custom",
avatarSrc: "http://img.b2bpic.net/free-photo/supportive-cute-blond-girlfriend-cheering-liking-interesting-concept-cool-idea-thumbsup-smiling-broa_1258-139634.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/top-view-colorful-autumn-leaves-wreath-with-heart-shape_23-2148697514.jpg?_wi=3",
imageAlt: "happy client smiling portrait",
},
{
id: "4",
name: "David K.",
date: "Oct 2023",
title: "Unique",
quote: "Truly one of a kind.",
tag: "Decor",
avatarSrc: "http://img.b2bpic.net/free-photo/very-good-smiling-brunette-woman-shows-ok-okay-hand-sign-looking-satisfied-recommend-great-deal-pleased-with-quality-standing-white-background_176420-46695.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/meditation-tranquility-with-buddha-statuette_23-2150426176.jpg?_wi=3",
imageAlt: "happy client smiling portrait",
},
{
id: "5",
name: "Lisa M.",
date: "Sep 2023",
title: "Stunning",
quote: "Beyond beautiful work.",
tag: "Gift",
avatarSrc: "http://img.b2bpic.net/free-photo/refined-black-woman-white-jeans-having-fun-studio-adorable-curly-female-model-dancing-laughing_197531-26277.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/frame-with-colorful-confetti_23-2148340795.jpg?_wi=2",
imageAlt: "happy client smiling portrait",
},
{ id: "1", name: "Sarah J.", date: "Jan 2024", title: "Beautiful", quote: "Perfectly preserved my bouquet.", tag: "Wedding", avatarSrc: "http://img.b2bpic.net/free-photo/girl-sitting-table-holding-mobile-phone-indoors_171337-17097.jpg", imageSrc: "http://img.b2bpic.net/free-photo/everyday-bath-utensils-dark-marble-background_58702-17783.jpg" },
{ id: "2", name: "Michael C.", date: "Dec 2023", title: "Artful", quote: "Emotion turned into art.", tag: "Memorial", avatarSrc: "http://img.b2bpic.net/free-photo/male-artist-painting-studio-with-watercolors_23-2149908451.jpg", imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-using-mobile-phone-coffee-shop_53876-13963.jpg" },
{ id: "3", name: "Emily R.", date: "Nov 2023", title: "Professional", quote: "Highly professional and creative.", tag: "Custom", avatarSrc: "http://img.b2bpic.net/free-photo/supportive-cute-blond-girlfriend-cheering-liking-interesting-concept-cool-idea-thumbsup-smiling-broa_1258-139634.jpg", imageSrc: "http://img.b2bpic.net/free-photo/top-view-colorful-autumn-leaves-wreath-with-heart-shape_23-2148697514.jpg" },
{ id: "4", name: "David K.", date: "Oct 2023", title: "Unique", quote: "Truly one of a kind.", tag: "Decor", avatarSrc: "http://img.b2bpic.net/free-photo/very-good-smiling-brunette-woman-shows-ok-okay-hand-sign-looking-satisfied-recommend-great-deal-pleased-with-quality-standing-white-background_176420-46695.jpg", imageSrc: "http://img.b2bpic.net/free-photo/meditation-tranquility-with-buddha-statuette_23-2150426176.jpg" },
{ id: "5", name: "Lisa M.", date: "Sep 2023", title: "Stunning", quote: "Beyond beautiful work.", tag: "Gift", avatarSrc: "http://img.b2bpic.net/free-photo/refined-black-woman-white-jeans-having-fun-studio-adorable-curly-female-model-dancing-laughing_197531-26277.jpg", imageSrc: "http://img.b2bpic.net/free-photo/frame-with-colorful-confetti_23-2148340795.jpg" },
]}
title="What Clients Say"
description="Hear from those we serve."
@@ -341,26 +149,10 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
faqs={[
{
id: "f1",
title: "How long does it take?",
content: "2-6 weeks.",
},
{
id: "f2",
title: "Can I customize?",
content: "Yes, every piece.",
},
{
id: "f3",
title: "Flowers?",
content: "Fresh or dried.",
},
{
id: "f4",
title: "Shipping?",
content: "Safe and secure.",
},
{ id: "f1", title: "How long does it take?", content: "2-6 weeks." },
{ id: "f2", title: "Can I customize?", content: "Yes, every piece." },
{ id: "f3", title: "Flowers?", content: "Fresh or dried." },
{ id: "f4", title: "Shipping?", content: "Safe and secure." },
]}
mediaAnimation="slide-up"
title="Common Questions"
@@ -376,21 +168,10 @@ export default function LandingPage() {
title="Let’s Create Your Memory"
description="Start your custom keepsake journey."
inputs={[
{
name: "name",
type: "text",
placeholder: "Your Name",
},
{
name: "type",
type: "text",
placeholder: "Keepsake Type",
},
{ name: "name", type: "text", placeholder: "Your Name" },
{ name: "type", type: "text", placeholder: "Keepsake Type" },
]}
textarea={{
name: "message",
placeholder: "Describe your request",
}}
textarea={{ name: "message", placeholder: "Describe your request" }}
imageSrc="http://img.b2bpic.net/free-photo/high-angle-shot-white-pencils-paper-pink-roses-white-surface_181624-33777.jpg"
/>
</div>
@@ -400,29 +181,15 @@ export default function LandingPage() {
logoText="The Craft of Living"
columns={[
{
title: "Menu",
items: [
{
label: "About",
href: "#about",
},
{
label: "Gallery",
href: "#gallery",
},
title: "Menu", items: [
{ label: "About", href: "#about" },
{ label: "Gallery", href: "#gallery" },
],
},
{
title: "Social",
items: [
{
label: "Instagram",
href: "#",
},
{
label: "WhatsApp",
href: "#",
},
title: "Social", items: [
{ label: "Instagram", href: "#" },
{ label: "WhatsApp", href: "#" },
],
},
]}