181 lines
7.9 KiB
TypeScript
181 lines
7.9 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import ContactText from '@/components/sections/contact/ContactText';
|
|
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
|
|
import HeroBillboardTestimonial from '@/components/sections/hero/HeroBillboardTestimonial';
|
|
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
|
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
|
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
|
|
import TextAbout from '@/components/sections/about/TextAbout';
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="text-stagger"
|
|
defaultTextAnimation="background-highlight"
|
|
borderRadius="rounded"
|
|
contentWidth="small"
|
|
sizing="mediumLargeSizeLargeTitles"
|
|
background="aurora"
|
|
cardStyle="outline"
|
|
primaryButtonStyle="flat"
|
|
secondaryButtonStyle="layered"
|
|
headingFontWeight="bold"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleCentered
|
|
navItems={[
|
|
{
|
|
name: "Shop", id: "#products"},
|
|
{
|
|
name: "About", id: "#about"},
|
|
{
|
|
name: "Contact", id: "#contact"},
|
|
]}
|
|
brandName="ToyJoy"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroBillboardTestimonial
|
|
useInvertedBackground={false}
|
|
background={{
|
|
variant: "plain"}}
|
|
title="Bringing Joy to Every Child"
|
|
description="Discover our curated collection of sustainable, educational, and fun toys designed to inspire imagination and creativity."
|
|
testimonials={[
|
|
{
|
|
name: "Sarah J.", handle: "@sarahj", testimonial: "The best selection of wooden toys in town! My kids love them.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/shop-aisle-people-blur-shopping_1203-6462.jpg", imageAlt: "colorful wooden toys shop display"},
|
|
{
|
|
name: "Mark D.", handle: "@markd", testimonial: "High-quality products and wonderful service. Highly recommend.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/set-wooden-bright-cubes-floor_23-2148030973.jpg", imageAlt: "wooden block toy set"},
|
|
{
|
|
name: "Emma L.", handle: "@emmal", testimonial: "Finally found an educational toy shop that actually cares about quality.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/cute-little-girl-sleeps-sweetly-white-cozy-bed-with-soft-bear-toy-concept-children-s-rest-sleep_169016-4514.jpg", imageAlt: "stuffed animal toy soft"},
|
|
{
|
|
name: "John K.", handle: "@johnk", testimonial: "My daughter's favorite shop! Always finding something new and creative.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/party-still-life-assortment_23-2148940904.jpg", imageAlt: "puzzle game for kids"},
|
|
{
|
|
name: "Lisa R.", handle: "@lisar", testimonial: "Fast shipping and the toys are even better than pictured.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/elderly-business-woman-office-isolated_1303-21369.jpg", imageAlt: "happy parent smiling in shop"},
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/shop-aisle-people-blur-shopping_1203-6462.jpg"
|
|
avatars={[
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/elderly-business-woman-office-isolated_1303-21369.jpg", alt: "Customer 1"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/smiling-young-women-holding-shopping-bag-standing-garden_23-2147883396.jpg", alt: "Customer 2"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/father-with-little-son-woods_1303-21507.jpg", alt: "Customer 3"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/close-up-smiley-man-talking-phone_23-2148230757.jpg", alt: "Customer 4"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/set-wooden-bright-cubes-floor_23-2148030973.jpg", alt: "Customer 5"},
|
|
]}
|
|
marqueeItems={[
|
|
{
|
|
type: "text", text: "Sustainable Materials"},
|
|
{
|
|
type: "text", text: "Educational Focus"},
|
|
{
|
|
type: "text", text: "Fast Local Delivery"},
|
|
{
|
|
type: "text", text: "Curated Selection"},
|
|
{
|
|
type: "text", text: "Gift Ready Packaging"},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="products" data-section="products">
|
|
<ProductCardThree
|
|
animationType="slide-up"
|
|
textboxLayout="split"
|
|
gridVariant="uniform-all-items-equal"
|
|
useInvertedBackground={false}
|
|
products={[
|
|
{
|
|
id: "1", name: "Wooden Block Set", price: "$29.99", imageSrc: "http://img.b2bpic.net/free-photo/set-wooden-bright-cubes-floor_23-2148030973.jpg"},
|
|
{
|
|
id: "2", name: "Soft Plush Bear", price: "$19.99", imageSrc: "http://img.b2bpic.net/free-photo/cute-little-girl-sleeps-sweetly-white-cozy-bed-with-soft-bear-toy-concept-children-s-rest-sleep_169016-4514.jpg"},
|
|
{
|
|
id: "3", name: "Logic Puzzle Game", price: "$15.99", imageSrc: "http://img.b2bpic.net/free-photo/party-still-life-assortment_23-2148940904.jpg"},
|
|
]}
|
|
title="New Arrivals"
|
|
description="Explore our latest collection of hand-picked toys for every age."
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<TextAbout
|
|
useInvertedBackground={false}
|
|
title="Why Choose ToyJoy?"
|
|
buttons={[
|
|
{
|
|
text: "Learn More", href: "#"},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardTwelve
|
|
useInvertedBackground={false}
|
|
testimonials={[
|
|
{
|
|
id: "1", name: "Jane Doe", imageSrc: "http://img.b2bpic.net/free-photo/elderly-business-woman-office-isolated_1303-21369.jpg"},
|
|
{
|
|
id: "2", name: "Mike Smith", imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-women-holding-shopping-bag-standing-garden_23-2147883396.jpg"},
|
|
{
|
|
id: "3", name: "Anna Brown", imageSrc: "http://img.b2bpic.net/free-photo/father-with-little-son-woods_1303-21507.jpg"},
|
|
{
|
|
id: "4", name: "David Wilson", imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-man-talking-phone_23-2148230757.jpg"},
|
|
{
|
|
id: "5", name: "Elena P.", imageSrc: "http://img.b2bpic.net/free-photo/elderly-business-woman-office-isolated_1303-21369.jpg"},
|
|
]}
|
|
cardTitle="Loved by Parents"
|
|
cardTag="Testimonials"
|
|
cardAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactText
|
|
useInvertedBackground={false}
|
|
background={{
|
|
variant: "plain"}}
|
|
text="Have a question? We're here to help you find the perfect gift!"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBaseReveal
|
|
columns={[
|
|
{
|
|
title: "Shop", items: [
|
|
{
|
|
label: "All Toys", href: "#products"},
|
|
{
|
|
label: "About Us", href: "#about"},
|
|
],
|
|
},
|
|
{
|
|
title: "Support", items: [
|
|
{
|
|
label: "Contact", href: "#contact"},
|
|
{
|
|
label: "Returns", href: "#"},
|
|
],
|
|
},
|
|
]}
|
|
copyrightText="© 2024 ToyJoy. All rights reserved."
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
}
|