Merge version_1 into main #2
444
src/app/page.tsx
444
src/app/page.tsx
@@ -26,335 +26,133 @@ export default function LandingPage() {
|
||||
headingFontWeight="semibold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Toys",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "Visit",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="Captain's Toy Chest"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Toys", id: "features" },
|
||||
{ name: "Reviews", id: "testimonials" },
|
||||
{ name: "Visit", id: "contact" },
|
||||
]}
|
||||
brandName="Captain's Toy Chest"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardTestimonial
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
title="Where Every Toy Holds a Story"
|
||||
description="From cozy classics to magical finds — discover joy for every age."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Sarah Miller",
|
||||
role: "Mom of 3",
|
||||
testimonial: "This place is truly magical, my kids don't want to leave!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-women-with-shopping-bags_23-2148784600.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
name: "David Chen",
|
||||
role: "Collector",
|
||||
testimonial: "The selection is incredible, truly unique finds.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-receiving-gift_23-2148354932.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
name: "Emily Rose",
|
||||
role: "Local Teacher",
|
||||
testimonial: "Finally, toys that balance fun and learning perfectly.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cute-little-girl-with-shopping-bags-yellow-background_1157-27838.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
name: "Mark Wilson",
|
||||
role: "Gift Shopper",
|
||||
testimonial: "The owner is so helpful. Always a joy to visit!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-male-painter-inside-room-with-paints-paint-brushes-drawing-white-background-art-draw-man-artist-painting-color-picture_140725-138998.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
name: "Jane Doe",
|
||||
role: "Grandmother",
|
||||
testimonial: "Found the perfect gift for my grandson here.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-showing-glasses-gesture-denim-jacket-dress-looking-positive-front-view_176474-108600.jpg?_wi=1",
|
||||
},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Explore Toys",
|
||||
href: "#features",
|
||||
},
|
||||
{
|
||||
text: "Visit Store",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/close-up-woman-popping-balloons-back-view_23-2148287899.jpg?_wi=1"
|
||||
imageAlt="Toy store magical interior"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-women-with-shopping-bags_23-2148784600.jpg",
|
||||
alt: "Parent",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-woman-receiving-gift_23-2148354932.jpg",
|
||||
alt: "Collector",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/cute-little-girl-with-shopping-bags-yellow-background_1157-27838.jpg",
|
||||
alt: "Teacher",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-male-painter-inside-room-with-paints-paint-brushes-drawing-white-background-art-draw-man-artist-painting-color-picture_140725-138998.jpg",
|
||||
alt: "Customer",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-woman-showing-glasses-gesture-denim-jacket-dress-looking-positive-front-view_176474-108600.jpg",
|
||||
alt: "Grandparent",
|
||||
},
|
||||
]}
|
||||
avatarText="Join our community of happy explorers"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Hand-picked Quality",
|
||||
icon: Star,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Eco-friendly Materials",
|
||||
icon: Leaf,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Safe & Secure",
|
||||
icon: ShieldCheck,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Magical Atmosphere",
|
||||
icon: Sparkles,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Expert Guidance",
|
||||
icon: MessageCircle,
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardTestimonial
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "sparkles-gradient"}}
|
||||
title="Where Every Toy Holds a Story"
|
||||
description="From cozy classics to magical finds — discover joy for every age."
|
||||
testimonials={[
|
||||
{ name: "Sarah Miller", handle: "Mom of 3", testimonial: "This place is truly magical, my kids don't want to leave!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-women-with-shopping-bags_23-2148784600.jpg" },
|
||||
{ name: "David Chen", handle: "Collector", testimonial: "The selection is incredible, truly unique finds.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-receiving-gift_23-2148354932.jpg" },
|
||||
{ name: "Emily Rose", handle: "Local Teacher", testimonial: "Finally, toys that balance fun and learning perfectly.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/cute-little-girl-with-shopping-bags-yellow-background_1157-27838.jpg" },
|
||||
{ name: "Mark Wilson", handle: "Gift Shopper", testimonial: "The owner is so helpful. Always a joy to visit!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/front-view-male-painter-inside-room-with-paints-paint-brushes-drawing-white-background-art-draw-man-artist-painting-color-picture_140725-138998.jpg" },
|
||||
{ name: "Jane Doe", handle: "Grandmother", testimonial: "Found the perfect gift for my grandson here.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-woman-showing-glasses-gesture-denim-jacket-dress-looking-positive-front-view_176474-108600.jpg" },
|
||||
]}
|
||||
buttons={[
|
||||
{ text: "Explore Toys", href: "#features" },
|
||||
{ text: "Visit Store", href: "#contact" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/close-up-woman-popping-balloons-back-view_23-2148287899.jpg"
|
||||
imageAlt="Toy store magical interior"
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/medium-shot-women-with-shopping-bags_23-2148784600.jpg", alt: "Parent" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/beautiful-woman-receiving-gift_23-2148354932.jpg", alt: "Collector" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/cute-little-girl-with-shopping-bags-yellow-background_1157-27838.jpg", alt: "Teacher" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/front-view-male-painter-inside-room-with-paints-paint-brushes-drawing-white-background-art-draw-man-artist-painting-color-picture_140725-138998.jpg", alt: "Customer" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/young-woman-showing-glasses-gesture-denim-jacket-dress-looking-positive-front-view_176474-108600.jpg", alt: "Grandparent" },
|
||||
]}
|
||||
avatarText="Join our community of happy explorers"
|
||||
marqueeItems={[
|
||||
{ type: "text-icon", text: "Hand-picked Quality", icon: Star },
|
||||
{ type: "text-icon", text: "Eco-friendly Materials", icon: Leaf },
|
||||
{ type: "text-icon", text: "Safe & Secure", icon: ShieldCheck },
|
||||
{ type: "text-icon", text: "Magical Atmosphere", icon: Sparkles },
|
||||
{ type: "text-icon", text: "Expert Guidance", icon: MessageCircle },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwentyFive
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Plush Toys",
|
||||
description: "Soft companions for endless hugs.",
|
||||
icon: Sparkles,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/little-music-box-still-life_23-2150652702.jpg?_wi=1",
|
||||
imageAlt: "Plush collection",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/little-music-box-still-life_23-2150652702.jpg?_wi=2",
|
||||
imageAlt: "Plush collection detail",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-popping-balloons-back-view_23-2148287899.jpg?_wi=2",
|
||||
imageAlt: "magical toy store interior",
|
||||
},
|
||||
{
|
||||
title: "STEM Kits",
|
||||
description: "Engaging puzzles for young minds.",
|
||||
icon: Zap,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/scissors-brushes-pencils-pen-holder_114579-32530.jpg?_wi=1",
|
||||
imageAlt: "STEM kits",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/scissors-brushes-pencils-pen-holder_114579-32530.jpg?_wi=2",
|
||||
imageAlt: "STEM kits setup",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/little-music-box-still-life_23-2150652702.jpg?_wi=3",
|
||||
imageAlt: "classic plush toy shelf",
|
||||
},
|
||||
{
|
||||
title: "Board Games",
|
||||
description: "Classic fun for the whole family.",
|
||||
icon: Box,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-beautiful-rpg-still-life-items_23-2149282422.jpg?_wi=1",
|
||||
imageAlt: "Board games",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-beautiful-rpg-still-life-items_23-2149282422.jpg?_wi=2",
|
||||
imageAlt: "Board games collection",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/scissors-brushes-pencils-pen-holder_114579-32530.jpg?_wi=3",
|
||||
imageAlt: "educational stem toy kit",
|
||||
},
|
||||
]}
|
||||
title="Featured Treasures"
|
||||
description="Hand-picked favorites for your little captains."
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwentyFive
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
title="Featured Treasures"
|
||||
description="Hand-picked favorites for your little captains."
|
||||
features={[
|
||||
{ title: "Plush Toys", description: "Soft companions for endless hugs.", icon: Sparkles, mediaItems: [
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/little-music-box-still-life_23-2150652702.jpg", imageAlt: "Plush collection" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/little-music-box-still-life_23-2150652702.jpg", imageAlt: "Plush collection detail" }
|
||||
] },
|
||||
{ title: "STEM Kits", description: "Engaging puzzles for young minds.", icon: Zap, mediaItems: [
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/scissors-brushes-pencils-pen-holder_114579-32530.jpg", imageAlt: "STEM kits" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/scissors-brushes-pencils-pen-holder_114579-32530.jpg", imageAlt: "STEM kits setup" }
|
||||
] },
|
||||
{ title: "Board Games", description: "Classic fun for the whole family.", icon: Box, mediaItems: [
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/top-view-beautiful-rpg-still-life-items_23-2149282422.jpg", imageAlt: "Board games" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/top-view-beautiful-rpg-still-life-items_23-2149282422.jpg", imageAlt: "Board games collection" }
|
||||
] },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Miller",
|
||||
role: "Mom",
|
||||
testimonial: "Magical selection!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-women-with-shopping-bags_23-2148784600.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "David Chen",
|
||||
role: "Collector",
|
||||
testimonial: "Unique finds always.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-receiving-gift_23-2148354932.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily Rose",
|
||||
role: "Teacher",
|
||||
testimonial: "Educational and fun.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cute-little-girl-with-shopping-bags-yellow-background_1157-27838.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Mark Wilson",
|
||||
role: "Shopper",
|
||||
testimonial: "Friendly store vibe!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-male-painter-inside-room-with-paints-paint-brushes-drawing-white-background-art-draw-man-artist-painting-color-picture_140725-138998.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Jane Doe",
|
||||
role: "Grandparent",
|
||||
testimonial: "Perfect gift selection.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-showing-glasses-gesture-denim-jacket-dress-looking-positive-front-view_176474-108600.jpg?_wi=2",
|
||||
},
|
||||
]}
|
||||
title="Why People Love Us"
|
||||
description="Hear from our happy toy explorers!"
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
title="Why People Love Us"
|
||||
description="Hear from our happy toy explorers!"
|
||||
testimonials={[
|
||||
{ id: "1", name: "Sarah Miller", role: "Mom", testimonial: "Magical selection!", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-women-with-shopping-bags_23-2148784600.jpg" },
|
||||
{ id: "2", name: "David Chen", role: "Collector", testimonial: "Unique finds always.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-receiving-gift_23-2148354932.jpg" },
|
||||
{ id: "3", name: "Emily Rose", role: "Teacher", testimonial: "Educational and fun.", imageSrc: "http://img.b2bpic.net/free-photo/cute-little-girl-with-shopping-bags-yellow-background_1157-27838.jpg" },
|
||||
{ id: "4", name: "Mark Wilson", role: "Shopper", testimonial: "Friendly store vibe!", imageSrc: "http://img.b2bpic.net/free-photo/front-view-male-painter-inside-room-with-paints-paint-brushes-drawing-white-background-art-draw-man-artist-painting-color-picture_140725-138998.jpg" },
|
||||
{ id: "5", name: "Jane Doe", role: "Grandparent", testimonial: "Perfect gift selection.", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-showing-glasses-gesture-denim-jacket-dress-looking-positive-front-view_176474-108600.jpg" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="experience" data-section="experience">
|
||||
<InlineImageSplitTextAbout
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "Not just a store, ",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
content: "it’s an experience",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/dark-style-lamp-design_23-2151105932.jpg",
|
||||
alt: "Toy store experience",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="experience" data-section="experience">
|
||||
<InlineImageSplitTextAbout
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{ type: "text", content: "Not just a store, " },
|
||||
{ type: "text", content: "it’s an experience" },
|
||||
{ type: "image", src: "http://img.b2bpic.net/free-photo/dark-style-lamp-design_23-2151105932.jpg", alt: "Toy store experience" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={true}
|
||||
title="Visit Our Treasure Harbor"
|
||||
description="Find us nestled by the seaside for your next magical discovery."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Your Email",
|
||||
required: true,
|
||||
},
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Ask us anything about our toys!",
|
||||
rows: 4,
|
||||
required: true,
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/dark-style-lamp-design_23-2151105932.jpg"
|
||||
imageAlt="Toy store facade"
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={true}
|
||||
title="Visit Our Treasure Harbor"
|
||||
description="Find us nestled by the seaside for your next magical discovery."
|
||||
inputs={[
|
||||
{ name: "name", type: "text", placeholder: "Your Name", required: true },
|
||||
{ name: "email", type: "email", placeholder: "Your Email", required: true },
|
||||
]}
|
||||
textarea={{ name: "message", placeholder: "Ask us anything about our toys!", rows: 4, required: true }}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/dark-style-lamp-design_23-2151105932.jpg"
|
||||
imageAlt="Toy store facade"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
logoText="Captain’s Toy Chest"
|
||||
columns={[
|
||||
{
|
||||
title: "Store",
|
||||
items: [
|
||||
{
|
||||
label: "Explore Toys",
|
||||
href: "#features",
|
||||
},
|
||||
{
|
||||
label: "Visit Us",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Socials",
|
||||
items: [
|
||||
{
|
||||
label: "Facebook",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
copyrightText="© 2024 Captain’s Toy Chest. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
logoText="Captain’s Toy Chest"
|
||||
columns={[
|
||||
{ title: "Store", items: [{ label: "Explore Toys", href: "#features" }, { label: "Visit Us", href: "#contact" }] },
|
||||
{ title: "Socials", items: [{ label: "Facebook", href: "#" }, { label: "Instagram", href: "#" }] },
|
||||
]}
|
||||
copyrightText="© 2024 Captain’s Toy Chest. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user