Merge version_1 into main #2
323
src/app/page.tsx
323
src/app/page.tsx
@@ -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: "#" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user