bender/f92eb686-4fb0-498b-940f-76ff690b928a
1
0
Fork 0
Code Issues Pull Requests 2 Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-03-10 11:08:48 +00:00
parent 013a0d665f
commit 4b4a18b5f3
1 changed files with 55 additions and 61 deletions
Download Patch File Download Diff File Expand all files Collapse all files

116
src/app/page.tsx
View File

@@ -1,7 +1,6 @@
"use client"
"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
import AboutMetric from '@/components/sections/about/AboutMetric';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
@@ -10,33 +9,36 @@ import TeamCardSix from '@/components/sections/team/TeamCardSix';
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
import ContactCTA from '@/components/sections/contact/ContactCTA';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
import { BookOpen, Heart, Users, Star, Globe, CheckCircle, Baby, Sparkles } from 'lucide-react';
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import { BookOpen, Heart, Users, Star, Globe, Sparkles, CheckCircle, Baby } from 'lucide-react';
export default function LandingPage() {
const navItems = [
{ name: "Home", id: "/" },
{ name: "About", id: "#about" },
{ name: "Books", id: "#books" },
{ name: "Contact", id: "#contact" },
{ name: "Categories", id: "#categories" },
];
export default function Home() {
return (
<ThemeProvider
defaultButtonVariant="bounce-effect"
defaultButtonVariant="text-stagger"
defaultTextAnimation="entrance-slide"
borderRadius="rounded"
contentWidth="medium"
sizing="largeSmallSizeMediumTitles"
background="noise"
cardStyle="soft-shadow"
primaryButtonStyle="shadow"
sizing="medium"
background="circleGradient"
cardStyle="glass-elevated"
primaryButtonStyle="gradient"
secondaryButtonStyle="glass"
headingFontWeight="bold"
headingFontWeight="normal"
>
<div id="nav" data-section="nav">
<NavbarStyleCentered
navItems={navItems}
button={{ text: "Get Started", href: "#contact" }}
brandName="Time Books"
navItems={[
{ name: "Home", id: "hero" },
{ name: "About", id: "about" },
{ name: "Books", id: "books" },
{ name: "Categories", id: "categories" },
{ name: "Contact", id: "contact" }
]}
button={{ text: "Join Now", href: "contact" }}
/>
</div>
@@ -51,16 +53,16 @@ export default function LandingPage() {
kpis={[
{ value: "5,000+", label: "Children Served" },
{ value: "2,500+", label: "Books Available" },
{ value: "98%", label: "Parent Satisfaction" }
{ value: "98%", label: "Parent Satisfaction" },
]}
enableKpiAnimation={true}
imageSrc="http://img.b2bpic.net/free-photo/talking-about-just-read-book_329181-8178.jpg"
imageAlt="Happy children reading books together"
imageAlt="happy children reading books together"
mediaAnimation="slide-up"
imagePosition="right"
buttons={[
{ text: "Browse Books", href: "books" },
{ text: "Learn More", href: "about" }
{ text: "Browse Books", href: "#books" },
{ text: "Learn More", href: "#about" },
]}
buttonAnimation="slide-up"
/>
@@ -73,7 +75,7 @@ export default function LandingPage() {
{ icon: Heart, label: "Books We Love", value: "2,500+" },
{ icon: Users, label: "Happy Children", value: "5,000+" },
{ icon: Star, label: "Book Reviews", value: "4.9/5" },
{ icon: Globe, label: "Communities Served", value: "8+" }
{ icon: Globe, label: "Communities Served", value: "8+" },
]}
metricsAnimation="slide-up"
useInvertedBackground={true}
@@ -94,20 +96,15 @@ export default function LandingPage() {
products={[
{
id: "1", brand: "Time Books", name: "The Enchanted Garden", price: "$12.99", rating: 5,
reviewCount: "234", imageSrc: "http://img.b2bpic.net/free-psd/dia-de-la-afrocolombianidad-celebration-template_23-2151404505.jpg", imageAlt: "The Enchanted Garden book cover"
},
reviewCount: "234", imageSrc: "http://img.b2bpic.net/free-psd/dia-de-la-afrocolombianidad-celebration-template_23-2151404505.jpg", imageAlt: "colorful children storybook cover illustration"},
{
id: "2", brand: "Time Books", name: "Adventure in the Sky", price: "$14.99", rating: 5,
reviewCount: "189", imageSrc: "http://img.b2bpic.net/free-photo/front-view-mother-reading-kids_23-2150595603.jpg", imageAlt: "Adventure in the Sky book cover"
},
reviewCount: "189", imageSrc: "http://img.b2bpic.net/free-photo/front-view-mother-reading-kids_23-2150595603.jpg", imageAlt: "educational learning book children fun"},
{
id: "3", brand: "Time Books", name: "Mystery of the Lost Island", price: "$13.99", rating: 5,
reviewCount: "267", imageSrc: "http://img.b2bpic.net/free-photo/close-up-little-girl-having-fun-home_23-2149117566.jpg", imageAlt: "Mystery of the Lost Island book cover"
}
]}
buttons={[
{ text: "View All Books", href: "books" }
reviewCount: "267", imageSrc: "http://img.b2bpic.net/free-photo/close-up-little-girl-having-fun-home_23-2149117566.jpg", imageAlt: "adventure fantasy book illustration kids"},
]}
buttons={[{ text: "View All Books", href: "#books" }]}
buttonAnimation="slide-up"
/>
</div>
@@ -123,18 +120,14 @@ export default function LandingPage() {
useInvertedBackground={true}
negativeCard={{
items: [
"Limited book selection at local libraries", "Outdated or damaged books", "Difficult to find age-appropriate titles", "Long wait times for popular books"
]
"Limited book selection at local libraries", "Outdated or damaged books", "Difficult to find age-appropriate titles", "Long wait times for popular books"],
}}
positiveCard={{
items: [
"Curated collection of 2,500+ titles", "Well-maintained, fresh books", "Expert recommendations for every age", "Quick and easy book access", "Engaging reading community"
]
"Curated collection of 2,500+ titles", "Well-maintained, fresh books", "Expert recommendations for every age", "Quick and easy book access", "Engaging reading community"],
}}
animationType="slide-up"
buttons={[
{ text: "Get Started Today", href: "contact" }
]}
buttons={[{ text: "Get Started Today", href: "#contact" }]}
buttonAnimation="slide-up"
/>
</div>
@@ -152,14 +145,11 @@ export default function LandingPage() {
gridVariant="three-columns-all-equal-width"
members={[
{
id: "1", name: "Toddlers & Preschool", role: "Ages 0-4: Board Books & Picture Books", imageSrc: "http://img.b2bpic.net/free-photo/mother-reading-together-with-daughter_23-2148104226.jpg", imageAlt: "Toddler with colorful picture book"
},
id: "1", name: "Toddlers & Preschool", role: "Ages 0-4: Board Books & Picture Books", imageSrc: "http://img.b2bpic.net/free-photo/mother-reading-together-with-daughter_23-2148104226.jpg", imageAlt: "toddler holding colorful picture book"},
{
id: "2", name: "Early Readers", role: "Ages 5-7: Beginning Chapter Books", imageSrc: "http://img.b2bpic.net/free-photo/boy-girl-reading-home_23-2148630651.jpg", imageAlt: "Young child learning to read"
},
id: "2", name: "Early Readers", role: "Ages 5-7: Beginning Chapter Books", imageSrc: "http://img.b2bpic.net/free-photo/boy-girl-reading-home_23-2148630651.jpg", imageAlt: "early reader elementary school children"},
{
id: "3", name: "Middle Grade", role: "Ages 8-12: Adventure & Fantasy", imageSrc: "http://img.b2bpic.net/free-photo/low-angle-boy-library_23-2148469975.jpg", imageAlt: "Older child reading chapter book"
}
id: "3", name: "Middle Grade", role: "Ages 8-12: Adventure & Fantasy", imageSrc: "http://img.b2bpic.net/free-photo/low-angle-boy-library_23-2148469975.jpg", imageAlt: "middle grade reader adventure story"},
]}
/>
</div>
@@ -170,10 +160,14 @@ export default function LandingPage() {
rating={5}
author="Sarah Mitchell, Parent"
avatars={[
{ src: "http://img.b2bpic.net/free-photo/long-haired-woman-with-copyspace_1398-1356.jpg", alt: "Happy parent smiling" },
{ src: "http://img.b2bpic.net/free-photo/handsome-young-male-walking-street_158595-4694.jpg", alt: "Smiling father portrait" },
{ src: "http://img.b2bpic.net/free-photo/portrait-pretty-woman-smiling_23-2148729681.jpg", alt: "Confident parent smiling" },
{ src: "http://img.b2bpic.net/free-photo/close-up-blond-man-with-black-scarf_1140-256.jpg", alt: "Friendly adult smiling" }
{
src: "http://img.b2bpic.net/free-photo/long-haired-woman-with-copyspace_1398-1356.jpg", alt: "happy parent smiling portrait headshot"},
{
src: "http://img.b2bpic.net/free-photo/handsome-young-male-walking-street_158595-4694.jpg", alt: "father smiling portrait professional headshot"},
{
src: "http://img.b2bpic.net/free-photo/portrait-pretty-woman-smiling_23-2148729681.jpg", alt: "parent smiling happy portrait headshot"},
{
src: "http://img.b2bpic.net/free-photo/close-up-blond-man-with-black-scarf_1140-256.jpg", alt: "person smiling portrait professional headshot"},
]}
ratingAnimation="slide-up"
avatarsAnimation="slide-up"
@@ -189,8 +183,8 @@ export default function LandingPage() {
title="Start Your Child's Reading Adventure Today"
description="Join thousands of families who have discovered the magic of Time Books. Browse our collection, find your child's next favorite book, and unlock the joy of reading."
buttons={[
{ text: "Explore Our Library", href: "books" },
{ text: "Contact Us", href: "#" }
{ text: "Explore Our Library", href: "#books" },
{ text: "Contact Us", href: "#" },
]}
buttonAnimation="slide-up"
background={{ variant: "sparkles-gradient" }}
@@ -207,36 +201,36 @@ export default function LandingPage() {
{ label: "Browse Books", href: "#books" },
{ label: "Age Categories", href: "#categories" },
{ label: "Best Sellers", href: "#books" },
{ label: "New Arrivals", href: "#books" }
]
{ label: "New Arrivals", href: "#books" },
],
},
{
title: "Company", items: [
{ label: "About Us", href: "#about" },
{ label: "Our Mission", href: "#about" },
{ label: "Contact", href: "#contact" },
{ label: "Blog", href: "#" }
]
{ label: "Blog", href: "#" },
],
},
{
title: "Support", items: [
{ label: "FAQ", href: "#" },
{ label: "Book Recommendations", href: "#" },
{ label: "Reading Tips", href: "#" },
{ label: "Help Center", href: "#" }
]
{ label: "Help Center", href: "#" },
],
},
{
title: "Legal", items: [
{ label: "Privacy Policy", href: "#" },
{ label: "Terms of Service", href: "#" },
{ label: "Cookie Policy", href: "#" }
]
}
{ label: "Cookie Policy", href: "#" },
],
},
]}
copyrightText="© 2025 Time Books | Fostering a Love of Reading in Children Everywhere"
/>
</div>
</ThemeProvider>
);
}
}