Merge version_5 into main #6

Merged
bender merged 1 commits from version_5 into main 2026-04-21 13:22:12 +00:00

View File

@@ -9,7 +9,7 @@ import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll'
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import ProductCardFour from '@/components/sections/product/ProductCardFour';
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
import { CheckCircle, Home, Info, Star } from "lucide-react";
import { Palette, Sparkles, Smile, Brush } from "lucide-react";
export default function LandingPage() {
return (
@@ -30,34 +30,34 @@ export default function LandingPage() {
<NavbarLayoutFloatingOverlay
navItems={[
{ name: "Home", id: "hero" },
{ name: "Products", id: "products" },
{ name: "About", id: "about" },
{ name: "Kits", id: "products" },
{ name: "Philosophy", id: "about" },
{ name: "Contact", id: "contact" },
]}
brandName="Home Decor Studio"
brandName="Little Artists Studio"
/>
</div>
<div id="hero" data-section="hero">
<HeroBillboardScroll
title="Beautiful Home Decor for Modern Spaces"
description="Handpicked decor pieces for your home"
title="Ignite Your Child's Creativity"
description="Discover magical painting kits designed to spark imagination and artistic growth."
background={{ variant: "sparkles-gradient" }}
buttons={[
{ text: "Shop Collection", href: "#products" },
{ text: "Get Design Advice", href: "https://wa.me/" }
{ text: "Explore Kits", href: "#products" },
{ text: "Start Painting", href: "#contact" }
]}
/>
</div>
<div id="about" data-section="about">
<TestimonialAboutCard
tag="About Us"
title="Our Brand Story"
description="We curate high-quality decor to help you express your unique style."
subdescription="Every piece is hand-selected for its craftsmanship and design excellence."
icon={Info}
imageSrc="http://img.b2bpic.net/free-photo/luxury-minimalist-home-interior_23-2149133887.jpg"
tag="Our Mission"
title="Art for Every Little Soul"
description="We believe every child is an artist, and our kits are the perfect gateway to self-expression."
subdescription="From non-toxic paints to curated canvases, we ensure a safe and joyful creative journey."
icon={Smile}
imageSrc="http://img.b2bpic.net/free-photo/happy-girl-painting_23-2149129532.jpg"
mediaAnimation="blur-reveal"
useInvertedBackground={false}
/>
@@ -65,43 +65,43 @@ export default function LandingPage() {
<div id="features" data-section="features">
<FeatureBorderGlow
title="Why Choose Us"
description="Discover the difference of quality and design."
title="Why Creative Kids Love Us"
description="Safety, fun, and artistic development in every box."
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
features={[
{ icon: CheckCircle, title: "Curated Quality", description: "Only the finest materials for your living space." },
{ icon: Star, title: "Timeless Design", description: "Pieces that never go out of style." },
{ icon: Home, title: "Expert Support", description: "Dedicated help to find your perfect decor." },
{ icon: Brush, title: "Non-Toxic Fun", description: "Kid-safe materials you can trust, tested for quality." },
{ icon: Palette, title: "Creative Guides", description: "Step-by-step prompts to help ideas bloom." },
{ icon: Sparkles, title: "All-in-One Kits", description: "Everything needed to create masterpieces at home." },
]}
/>
</div>
<div id="products" data-section="products">
<ProductCardFour
title="Featured Products"
description="Explore our latest additions for your home."
title="Featured Painting Kits"
description="Choose the perfect kit for your budding artist."
gridVariant="three-columns-all-equal-width"
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={true}
products={[
{ id: "1", name: "Table Lamp", price: "$120", variant: "Modern", imageSrc: "http://img.b2bpic.net/free-photo/elegant-table-lamp-minimalist-room_23-2149129532.jpg" },
{ id: "2", name: "Wall Hanging Set", price: "$85", variant: "Artistic", imageSrc: "http://img.b2bpic.net/free-photo/abstract-wall-art-decor_23-2149129532.jpg" },
{ id: "3", name: "Ceramic Vase", price: "$45", variant: "Handmade", imageSrc: "http://img.b2bpic.net/free-photo/ceramic-vase-minimalist-style_23-2149129532.jpg" },
{ id: "1", name: "Magical Forest Kit", price: "$29", variant: "Starter", imageSrc: "http://img.b2bpic.net/free-photo/paint-brushes-kids_23-2149129532.jpg" },
{ id: "2", name: "Galaxy Explorer Kit", price: "$35", variant: "Advanced", imageSrc: "http://img.b2bpic.net/free-photo/colorful-paints-kids_23-2149129532.jpg" },
{ id: "3", name: "Ocean Dreams Set", price: "$25", variant: "Fun", imageSrc: "http://img.b2bpic.net/free-photo/creative-kids-supplies_23-2149129532.jpg" },
]}
/>
</div>
<div id="contact" data-section="contact">
<ContactCTA
tag="Book Now"
title="Need Guidance?"
description="We help you choose the right pieces for your home. Schedule a consultation today!"
tag="Join the Fun"
title="Let's Get Painting!"
description="Questions about our kits or need a custom gift recommendation? We are here to help."
buttons={[
{ text: "Book Your Consultation", href: "#contact" },
{ text: "WhatsApp Order", href: "https://wa.me/" }
{ text: "Contact Our Team", href: "#contact" },
{ text: "Gift a Kit", href: "https://wa.me/" }
]}
background={{ variant: "sparkles-gradient" }}
useInvertedBackground={false}
@@ -110,11 +110,11 @@ export default function LandingPage() {
<div id="footer" data-section="footer">
<FooterLogoEmphasis
logoText="Home Decor"
logoText="Little Artists"
columns={[
{ items: [{ label: "Shop", href: "#products" }, { label: "About", href: "#about" }] },
{ items: [{ label: "Instagram", href: "#" }, { label: "WhatsApp", href: "#" }] },
{ items: [{ label: "Contact", href: "#contact" }, { label: "Support", href: "#" }] },
{ items: [{ label: "Shop Kits", href: "#products" }, { label: "Our Story", href: "#about" }] },
{ items: [{ label: "Creative Blog", href: "#" }, { label: "Gift Cards", href: "#" }] },
{ items: [{ label: "Contact Support", href: "#contact" }, { label: "FAQs", href: "#" }] },
]}
/>
</div>