Update src/app/page.tsx

This commit is contained in:
2026-06-10 11:28:37 +00:00
parent cd0d9a2c97
commit 9b5eb38b6a

View File

@@ -34,37 +34,21 @@ export default function LandingPage() {
<NavbarStyleFullscreen <NavbarStyleFullscreen
navItems={[ navItems={[
{ {
name: "Home", name: "Home", id: "#hero"},
id: "#hero",
},
{ {
name: "About Us", name: "About Us", id: "#about"},
id: "#about",
},
{ {
name: "Services", name: "Services", id: "#services"},
id: "#services",
},
{ {
name: "Products", name: "Products", id: "#products"},
id: "#products",
},
{ {
name: "Pricing", name: "Pricing", id: "#pricing"},
id: "#pricing",
},
{ {
name: "Testimonials", name: "Testimonials", id: "#testimonials"},
id: "#testimonials",
},
{ {
name: "Blog", name: "Blog", id: "#blog"},
id: "#blog",
},
{ {
name: "Contact", name: "Contact", id: "#contact"},
id: "#contact",
},
]} ]}
logoSrc="http://img.b2bpic.net/free-vector/minimalist-elegant-interior-design-studio-logo-template_742173-17691.jpg" logoSrc="http://img.b2bpic.net/free-vector/minimalist-elegant-interior-design-studio-logo-template_742173-17691.jpg"
logoAlt="Elegance & Flow Logo" logoAlt="Elegance & Flow Logo"
@@ -77,20 +61,15 @@ export default function LandingPage() {
<div id="hero" data-section="hero"> <div id="hero" data-section="hero">
<HeroBillboardScroll <HeroBillboardScroll
background={{ background={{
variant: "sparkles-gradient", variant: "sparkles-gradient"}}
}}
title="Craft Your Dream Space & Life" title="Craft Your Dream Space & Life"
description="Unlock exceptional interior design, Notion templates, and proven strategies to cultivate a beautiful home and a thriving online business. Elevate your surroundings and your income." description="Unlock exceptional interior design, Notion templates, and proven strategies to cultivate a beautiful home and a thriving online business. Elevate your surroundings and your income."
tag="Elegance & Flow" tag="Elegance & Flow"
buttons={[ buttons={[
{ {
text: "Explore Services", text: "Explore Services", href: "#services"},
href: "#services",
},
{ {
text: "Shop Digital Products", text: "Shop Digital Products", href: "#products"},
href: "#products",
},
]} ]}
imageSrc="http://img.b2bpic.net/free-photo/sofa_1203-3069.jpg" imageSrc="http://img.b2bpic.net/free-photo/sofa_1203-3069.jpg"
imageAlt="Luxurious and cozy modern living room interior design" imageAlt="Luxurious and cozy modern living room interior design"
@@ -104,19 +83,13 @@ export default function LandingPage() {
metrics={[ metrics={[
{ {
icon: Award, icon: Award,
label: "Years Experience", label: "Years Experience", value: "10+"},
value: "10+",
},
{ {
icon: Palette, icon: Palette,
label: "Projects Completed", label: "Projects Completed", value: "250+"},
value: "250+",
},
{ {
icon: Heart, icon: Heart,
label: "Happy Clients", label: "Happy Clients", value: "99%"},
value: "99%",
},
]} ]}
metricsAnimation="slide-up" metricsAnimation="slide-up"
/> />
@@ -130,24 +103,16 @@ export default function LandingPage() {
features={[ features={[
{ {
icon: Lightbulb, icon: Lightbulb,
title: "Interior Design Consultations", title: "Interior Design Consultations", description: "Personalized guidance to bring your dream home to life, from concept to completion."},
description: "Personalized guidance to bring your dream home to life, from concept to completion.",
},
{ {
icon: Book, icon: Book,
title: "Notion Templates for Home & Business", title: "Notion Templates for Home & Business", description: "Streamline your life with beautifully designed Notion templates for organization, planning, and productivity."},
description: "Streamline your life with beautifully designed Notion templates for organization, planning, and productivity.",
},
{ {
icon: Paintbrush, icon: Paintbrush,
title: "Custom Interior Design Maps", title: "Custom Interior Design Maps", description: "Detailed and aesthetic design maps to visualize your space with precision and style."},
description: "Detailed and aesthetic design maps to visualize your space with precision and style.",
},
{ {
icon: Sparkles, icon: Sparkles,
title: "Digital Products & Courses", title: "Digital Products & Courses", description: "Unlock the secrets to selling on Pinterest, making money online, and cultivating a cozy, inspiring home."},
description: "Unlock the secrets to selling on Pinterest, making money online, and cultivating a cozy, inspiring home.",
},
]} ]}
title="Our Transformative Offerings" title="Our Transformative Offerings"
description="From bespoke interior designs to powerful digital tools, we provide everything you need to create beauty, comfort, and financial freedom." description="From bespoke interior designs to powerful digital tools, we provide everything you need to create beauty, comfort, and financial freedom."
@@ -162,52 +127,22 @@ export default function LandingPage() {
useInvertedBackground={true} useInvertedBackground={true}
products={[ products={[
{ {
id: "p1", id: "p1", name: "The Ultimate Cozy Home Notion Template", price: "$49", imageSrc: "http://img.b2bpic.net/free-photo/blank-list-diary-with-flour-milk-jar-molds-cloth-backdrop_23-2148123840.jpg", imageAlt: "Notion template showing home organization", rating: 5,
name: "The Ultimate Cozy Home Notion Template",
price: "$49",
imageSrc: "http://img.b2bpic.net/free-photo/blank-list-diary-with-flour-milk-jar-molds-cloth-backdrop_23-2148123840.jpg",
imageAlt: "Notion template showing home organization",
rating: 5,
}, },
{ {
id: "p2", id: "p2", name: "Modern Minimalist Interior Design Map", price: "$99", imageSrc: "http://img.b2bpic.net/free-photo/photorealistic-timber-house-interior-with-wooden-decor-furnishings_23-2151263581.jpg", imageAlt: "Floor plan of a modern minimalist house", rating: 5,
name: "Modern Minimalist Interior Design Map",
price: "$99",
imageSrc: "http://img.b2bpic.net/free-photo/photorealistic-timber-house-interior-with-wooden-decor-furnishings_23-2151263581.jpg",
imageAlt: "Floor plan of a modern minimalist house",
rating: 5,
}, },
{ {
id: "p3", id: "p3", name: "Pinterest Profit Playbook: Sell & Quit 9-5", price: "$79", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-reading-digital-magazine_23-2150162865.jpg", imageAlt: "Ebook cover about selling on Pinterest", rating: 5,
name: "Pinterest Profit Playbook: Sell & Quit 9-5",
price: "$79",
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-reading-digital-magazine_23-2150162865.jpg",
imageAlt: "Ebook cover about selling on Pinterest",
rating: 5,
}, },
{ {
id: "p4", id: "p4", name: "The Art of Hygge: Making Your House a Cozy Home", price: "$39", imageSrc: "http://img.b2bpic.net/free-photo/woman-reading-couch_23-2147637602.jpg", imageAlt: "Book cover about cozy home decor", rating: 5,
name: "The Art of Hygge: Making Your House a Cozy Home",
price: "$39",
imageSrc: "http://img.b2bpic.net/free-photo/woman-reading-couch_23-2147637602.jpg",
imageAlt: "Book cover about cozy home decor",
rating: 5,
}, },
{ {
id: "p5", id: "p5", name: "Digital Product Creation Blueprint Notion", price: "$59", imageSrc: "http://img.b2bpic.net/free-photo/blank-spiral-notebook-with-paper-light-bulbs-stationery-blue-background_23-2147873839.jpg", imageAlt: "Notion template for digital product creation", rating: 5,
name: "Digital Product Creation Blueprint Notion",
price: "$59",
imageSrc: "http://img.b2bpic.net/free-photo/blank-spiral-notebook-with-paper-light-bulbs-stationery-blue-background_23-2147873839.jpg",
imageAlt: "Notion template for digital product creation",
rating: 5,
}, },
{ {
id: "p6", id: "p6", name: "Mastering Interior Design: Online Course", price: "$299", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-working-with-color-palettes_23-2149337224.jpg", imageAlt: "Online course platform screenshot for interior design", rating: 5,
name: "Mastering Interior Design: Online Course",
price: "$299",
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-working-with-color-palettes_23-2149337224.jpg",
imageAlt: "Online course platform screenshot for interior design",
rating: 5,
}, },
]} ]}
title="Discover Our Premium Products" title="Discover Our Premium Products"
@@ -222,42 +157,19 @@ export default function LandingPage() {
useInvertedBackground={false} useInvertedBackground={false}
plans={[ plans={[
{ {
id: "basic-consultation", id: "basic-consultation", badge: "Starter", badgeIcon: Star,
badge: "Starter", price: "$250", subtitle: "1-hour virtual consultation", features: [
badgeIcon: Star, "Initial style assessment", "Color palette recommendations", "Basic layout suggestions"],
price: "$250",
subtitle: "1-hour virtual consultation",
features: [
"Initial style assessment",
"Color palette recommendations",
"Basic layout suggestions",
],
}, },
{ {
id: "premium-consultation", id: "premium-consultation", badge: "Popular", badgeIcon: Sparkles,
badge: "Popular", price: "$800", subtitle: "3-hour virtual deep dive + custom mood board", features: [
badgeIcon: Sparkles, "Comprehensive design strategy", "Personalized furniture & decor sourcing", "2D floor plan concept", "Follow-up Q&A session"],
price: "$800",
subtitle: "3-hour virtual deep dive + custom mood board",
features: [
"Comprehensive design strategy",
"Personalized furniture & decor sourcing",
"2D floor plan concept",
"Follow-up Q&A session",
],
}, },
{ {
id: "enterprise-package", id: "enterprise-package", badge: "Ultimate", badgeIcon: Award,
badge: "Ultimate", price: "$1500", subtitle: "Full-service virtual design package", features: [
badgeIcon: Award, "Complete interior design plan", "3D rendering visualization", "Detailed shopping list & links", "Ongoing support for 1 month"],
price: "$1500",
subtitle: "Full-service virtual design package",
features: [
"Complete interior design plan",
"3D rendering visualization",
"Detailed shopping list & links",
"Ongoing support for 1 month",
],
}, },
]} ]}
title="Invest in Your Ideal Space & Future" title="Invest in Your Ideal Space & Future"
@@ -270,14 +182,7 @@ export default function LandingPage() {
textboxLayout="default" textboxLayout="default"
useInvertedBackground={true} useInvertedBackground={true}
names={[ names={[
"Luxury Living Magazine", "Luxury Living Magazine", "Architectural Digest Online", "Home & Garden TV", "The Design Forum", "Creative Entrepreneur Hub", "Digital Nomad Lifestyle", "Cozy Home Enthusiast"]}
"Architectural Digest Online",
"Home & Garden TV",
"The Design Forum",
"Creative Entrepreneur Hub",
"Digital Nomad Lifestyle",
"Cozy Home Enthusiast",
]}
title="Trusted by Visionaries" title="Trusted by Visionaries"
description="Collaborating with leading brands and inspiring individuals to create impactful spaces and thriving businesses." description="Collaborating with leading brands and inspiring individuals to create impactful spaces and thriving businesses."
showCard={false} showCard={false}
@@ -292,27 +197,17 @@ export default function LandingPage() {
author="Ava Henderson, Entrepreneur & Homeowner" author="Ava Henderson, Entrepreneur & Homeowner"
avatars={[ avatars={[
{ {
src: "http://img.b2bpic.net/free-photo/portrait-smiling-waitress_107420-12307.jpg", src: "http://img.b2bpic.net/free-photo/portrait-smiling-waitress_107420-12307.jpg", alt: "Ava Henderson"},
alt: "Ava Henderson",
},
{ {
src: "http://img.b2bpic.net/free-photo/smiling-young-woman-taking-selfie-photo-winking_1262-18343.jpg", src: "http://img.b2bpic.net/free-photo/smiling-young-woman-taking-selfie-photo-winking_1262-18343.jpg", alt: "Michael Sterling"},
alt: "Michael Sterling",
},
{ {
src: "http://img.b2bpic.net/free-photo/portrait-festive-plump-male-eyeglasses-bow-tie-dark-grey-background_613910-13747.jpg", src: "http://img.b2bpic.net/free-photo/portrait-festive-plump-male-eyeglasses-bow-tie-dark-grey-background_613910-13747.jpg", alt: "Sophia Clarke"},
alt: "Sophia Clarke",
},
{ {
src: "http://img.b2bpic.net/free-photo/smiling-african-american-girl-sitting-cafe_1262-3083.jpg", src: "http://img.b2bpic.net/free-photo/smiling-african-american-girl-sitting-cafe_1262-3083.jpg", alt: "Daniel Lee"},
alt: "Daniel Lee",
},
{ {
src: "http://img.b2bpic.net/free-photo/portrait-woman-smiling-kitchen_107420-12357.jpg", src: "http://img.b2bpic.net/free-photo/portrait-woman-smiling-kitchen_107420-12357.jpg", alt: "Olivia Green, Interior Enthusiast"},
alt: "Olivia Green, Interior Enthusiast",
},
]} ]}
ratingAnimation="reveal-blur" ratingAnimation="blur-reveal"
avatarsAnimation="slide-up" avatarsAnimation="slide-up"
/> />
</div> </div>
@@ -326,35 +221,11 @@ export default function LandingPage() {
description="Explore our latest articles on interior design trends, cozy living tips, and strategies for online success." description="Explore our latest articles on interior design trends, cozy living tips, and strategies for online success."
blogs={[ blogs={[
{ {
id: "blog-1", id: "blog-1", category: "Digital Business", title: "Mastering Pinterest: Your Blueprint to Online Sales", excerpt: "Discover how to leverage Pinterest to drive traffic and sales for your digital products, and potentially quit your 9-5.", imageSrc: "http://img.b2bpic.net/free-photo/cup-coffee-dollar-bills-pink-background-flat-lay_169016-24510.jpg", imageAlt: "Woman working on laptop with Pinterest open", authorName: "Elegance & Flow Team", authorAvatar: "http://img.b2bpic.net/free-photo/closeup-smiling-beautiful-adult-businesswoman_1262-1760.jpg", date: "April 15, 2024"},
category: "Digital Business",
title: "Mastering Pinterest: Your Blueprint to Online Sales",
excerpt: "Discover how to leverage Pinterest to drive traffic and sales for your digital products, and potentially quit your 9-5.",
imageSrc: "http://img.b2bpic.net/free-photo/cup-coffee-dollar-bills-pink-background-flat-lay_169016-24510.jpg",
imageAlt: "Woman working on laptop with Pinterest open",
authorName: "Elegance & Flow Team",
date: "April 15, 2024",
},
{ {
id: "blog-2", id: "blog-2", category: "Interior Design", title: "Hygge at Home: Simple Ways to Make Your Space Cozier", excerpt: "Learn the art of Danish Hygge and transform your house into a comforting and inviting sanctuary.", imageSrc: "http://img.b2bpic.net/free-photo/home-cozy-interior-room-with-books-dried-flowers-vase_169016-4246.jpg", imageAlt: "Cozy living room with warm lighting", authorName: "Elegance & Flow Team", authorAvatar: "http://img.b2bpic.net/free-photo/closeup-smiling-beautiful-adult-businesswoman_1262-1760.jpg", date: "March 28, 2024"},
category: "Interior Design",
title: "Hygge at Home: Simple Ways to Make Your Space Cozier",
excerpt: "Learn the art of Danish Hygge and transform your house into a comforting and inviting sanctuary.",
imageSrc: "http://img.b2bpic.net/free-photo/home-cozy-interior-room-with-books-dried-flowers-vase_169016-4246.jpg",
imageAlt: "Cozy living room with warm lighting",
authorName: "Elegance & Flow Team",
date: "March 28, 2024",
},
{ {
id: "blog-3", id: "blog-3", category: "Productivity", title: "From Idea to Income: Creating & Selling Digital Products", excerpt: "A step-by-step guide to developing profitable digital products and establishing your online presence.", imageSrc: "http://img.b2bpic.net/free-photo/company-employee-taking-notes-charts-documents-working-financial-presentation-business-growth-office-worker-planning-sales-research-with-e-commerce-diagram-graphs_482257-41031.jpg", imageAlt: "Desk with design tools and digital product concepts", authorName: "Elegance & Flow Team", authorAvatar: "http://img.b2bpic.net/free-photo/closeup-smiling-beautiful-adult-businesswoman_1262-1760.jpg", date: "February 10, 2024"},
category: "Productivity",
title: "From Idea to Income: Creating & Selling Digital Products",
excerpt: "A step-by-step guide to developing profitable digital products and establishing your online presence.",
imageSrc: "http://img.b2bpic.net/free-photo/company-employee-taking-notes-charts-documents-working-financial-presentation-business-growth-office-worker-planning-sales-research-with-e-commerce-diagram-graphs_482257-41031.jpg",
imageAlt: "Desk with design tools and digital product concepts",
authorName: "Elegance & Flow Team",
date: "February 10, 2024",
},
]} ]}
/> />
</div> </div>
@@ -363,14 +234,11 @@ export default function LandingPage() {
<ContactText <ContactText
useInvertedBackground={false} useInvertedBackground={false}
background={{ background={{
variant: "radial-gradient", variant: "radial-gradient"}}
}}
text="Ready to transform your space or scale your business? Let's connect and make your vision a reality." text="Ready to transform your space or scale your business? Let's connect and make your vision a reality."
buttons={[ buttons={[
{ {
text: "Get in Touch", text: "Get in Touch", href: "mailto:hello@eleganceandflow.com"},
href: "mailto:hello@eleganceandflow.com",
},
]} ]}
/> />
</div> </div>
@@ -382,58 +250,35 @@ export default function LandingPage() {
logoText="Elegance & Flow" logoText="Elegance & Flow"
columns={[ columns={[
{ {
title: "Quick Links", title: "Quick Links", items: [
items: [
{ {
label: "Home", label: "Home", href: "#hero"},
href: "#hero",
},
{ {
label: "About Us", label: "About Us", href: "#about"},
href: "#about",
},
{ {
label: "Services", label: "Services", href: "#services"},
href: "#services",
},
{ {
label: "Products", label: "Products", href: "#products"},
href: "#products",
},
], ],
}, },
{ {
title: "Resources", title: "Resources", items: [
items: [
{ {
label: "Blog", label: "Blog", href: "#blog"},
href: "#blog",
},
{ {
label: "FAQs", label: "FAQs", href: "#"},
href: "#",
},
{ {
label: "Testimonials", label: "Testimonials", href: "#testimonials"},
href: "#testimonials",
},
], ],
}, },
{ {
title: "Connect", title: "Connect", items: [
items: [
{ {
label: "Contact Us", label: "Contact Us", href: "#contact"},
href: "#contact",
},
{ {
label: "Instagram", label: "Instagram", href: "#"},
href: "#",
},
{ {
label: "Pinterest", label: "Pinterest", href: "#"},
href: "#",
},
], ],
}, },
]} ]}