Merge version_1_1781434594108 into main #1

Merged
bender merged 1 commits from version_1_1781434594108 into main 2026-06-14 10:58:45 +00:00

View File

@@ -11,222 +11,116 @@ import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
export default function HomePage() {
return (
<>
<div id="hero" data-section="hero">
<SectionErrorBoundary name="hero">
<div id="hero" data-section="hero">
<SectionErrorBoundary name="hero">
<HeroBrand
brand="Kawaii Coloring Book"
description="Unlock your creativity with our aesthetic and fun-to-color doodle books. Perfect for kids and adults alike."
primaryButton={{
text: "Shop Now",
href: "#products",
}}
secondaryButton={{
text: "Learn More",
href: "#about",
}}
imageSrc="http://img.b2bpic.net/free-vector/mother-son-cooking_1411-94.jpg"
/>
</SectionErrorBoundary>
</div>
brand="Kawaii Coloring Book"
description="Unlock your creativity with our aesthetic and fun-to-color doodle books. Perfect for kids and adults alike."
primaryButton={{
text: "Shop Now", href: "#products"}}
secondaryButton={{
text: "Learn More", href: "#about"}}
imageSrc="http://img.b2bpic.net/free-vector/mother-son-cooking_1411-94.jpg"
/>
</SectionErrorBoundary>
</div>
<div id="about" data-section="about">
<SectionErrorBoundary name="about">
<div id="about" data-section="about">
<SectionErrorBoundary name="about">
<AboutFeaturesSplit
tag="About Us"
title="Creative, Aesthetic, and Fun Designs"
description="We are dedicated to providing the most creative coloring books in the market. Each page is designed with care to ensure a smooth, professional, and joyful coloring experience for everyone."
items={[
{
icon: Star,
title: "Unique Designs",
description: "Every page features a unique kawaii-inspired illustration.",
},
{
icon: CheckCircle,
title: "High Quality",
description: "10/10 page quality and crystal clear professional prints.",
},
{
icon: Smile,
title: "For Everyone",
description: "Fun and engaging for both kids and adults.",
},
]}
imageSrc="http://img.b2bpic.net/free-vector/young-person-with-hobbies-interests-illustrated_23-2148880577.jpg"
/>
</SectionErrorBoundary>
</div>
tag="About Us"
title="Creative, Aesthetic, and Fun Designs"
description="We are dedicated to providing the most creative coloring books in the market. Each page is designed with care to ensure a smooth, professional, and joyful coloring experience for everyone."
items={[
{
icon: "Star", title: "Unique Designs", description: "Every page features a unique kawaii-inspired illustration."},
{
icon: "CheckCircle", title: "High Quality", description: "10/10 page quality and crystal clear professional prints."},
{
icon: "Smile", title: "For Everyone", description: "Fun and engaging for both kids and adults."},
]}
imageSrc="http://img.b2bpic.net/free-vector/young-person-with-hobbies-interests-illustrated_23-2148880577.jpg"
/>
</SectionErrorBoundary>
</div>
<div id="products" data-section="products">
<SectionErrorBoundary name="products">
<div id="products" data-section="products">
<SectionErrorBoundary name="products">
<FeaturesImageBento
tag="Explore Our Collection"
title="Beautiful Coloring Pages"
description="Browse our curated selection of aesthetic coloring books."
items={[
{
title: "Cute Doodles",
description: "Fun doodles for all ages.",
imageSrc: "http://img.b2bpic.net/free-photo/cat-enjoying-ice-cream-beach_23-2152011846.jpg",
},
{
title: "Kawaii Snacks",
description: "Deliciously cute patterns.",
imageSrc: "http://img.b2bpic.net/free-photo/open-copybook-with-rainbow-stripes_23-2148165471.jpg",
},
{
title: "Animal Friends",
description: "Adorable creatures to color.",
imageSrc: "https://storage.googleapis.com/webild/default/no-image.jpg?id=saia1z",
},
{
title: "Cosmic Dreams",
description: "Magical space themed art.",
imageSrc: "http://img.b2bpic.net/free-vector/hand-drawn-zen-doodle-pattern_23-2150822588.jpg",
},
{
title: "Stationery Magic",
description: "Cute school supply doodles.",
imageSrc: "http://img.b2bpic.net/free-photo/fox-forest-with-mushrooms-woodcut-style_23-2152002287.jpg",
},
{
title: "Garden Party",
description: "Nature-inspired designs.",
imageSrc: "http://img.b2bpic.net/free-photo/animal-eating-sweet-delicious-cake_23-2151534258.jpg",
},
{
title: "Daily Joys",
description: "Everyday objects made cute.",
imageSrc: "http://img.b2bpic.net/free-vector/hand-drawn-kawaii-coloring-book-illustration_23-2149715894.jpg",
},
]}
/>
</SectionErrorBoundary>
</div>
tag="Explore Our Collection"
title="Beautiful Coloring Pages"
description="Browse our curated selection of aesthetic coloring books."
items={[
{ title: "Cute Doodles", description: "Fun doodles for all ages.", imageSrc: "http://img.b2bpic.net/free-photo/cat-enjoying-ice-cream-beach_23-2152011846.jpg" },
{ title: "Kawaii Snacks", description: "Deliciously cute patterns.", imageSrc: "http://img.b2bpic.net/free-photo/open-copybook-with-rainbow-stripes_23-2148165471.jpg" },
{ title: "Animal Friends", description: "Adorable creatures to color.", imageSrc: "https://storage.googleapis.com/webild/default/no-image.jpg?id=saia1z" },
{ title: "Cosmic Dreams", description: "Magical space themed art.", imageSrc: "http://img.b2bpic.net/free-vector/hand-drawn-zen-doodle-pattern_23-2150822588.jpg" },
{ title: "Stationery Magic", description: "Cute school supply doodles.", imageSrc: "http://img.b2bpic.net/free-photo/fox-forest-with-mushrooms-woodcut-style_23-2152002287.jpg" },
{ title: "Garden Party", description: "Nature-inspired designs.", imageSrc: "http://img.b2bpic.net/free-photo/animal-eating-sweet-delicious-cake_23-2151534258.jpg" },
{ title: "Daily Joys", description: "Everyday objects made cute.", imageSrc: "http://img.b2bpic.net/free-vector/hand-drawn-kawaii-coloring-book-illustration_23-2149715894.jpg" }
]}
/>
</SectionErrorBoundary>
</div>
<div id="features" data-section="features">
<SectionErrorBoundary name="features">
<div id="features" data-section="features">
<SectionErrorBoundary name="features">
<FeaturesRevealCards
tag="Why Us"
title="Why Our Customers Love Us"
description="Experience the best coloring books with our professional quality and excellent service."
items={[
{
title: "Smooth Communication",
description: "We pride ourselves on our 10/10 customer communication.",
imageSrc: "https://storage.googleapis.com/webild/default/no-image.jpg?id=hl6og2",
},
{
title: "High Print Quality",
description: "Crisp prints for a premium coloring experience.",
imageSrc: "http://img.b2bpic.net/free-vector/hand-drawn-coloring-page-illustration_52683-157383.jpg",
},
{
title: "Highly Recommended",
description: "Loved by local guides and coloring enthusiasts.",
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-fantasy-landscape_23-2151890259.jpg",
},
]}
/>
</SectionErrorBoundary>
</div>
tag="Why Us"
title="Why Our Customers Love Us"
description="Experience the best coloring books with our professional quality and excellent service."
items={[
{ title: "Smooth Communication", description: "We pride ourselves on our 10/10 customer communication.", imageSrc: "https://storage.googleapis.com/webild/default/no-image.jpg?id=hl6og2" },
{ title: "High Print Quality", description: "Crisp prints for a premium coloring experience.", imageSrc: "http://img.b2bpic.net/free-vector/hand-drawn-coloring-page-illustration_52683-157383.jpg" },
{ title: "Highly Recommended", description: "Loved by local guides and coloring enthusiasts.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-fantasy-landscape_23-2151890259.jpg" },
]}
/>
</SectionErrorBoundary>
</div>
<div id="testimonials" data-section="testimonials">
<SectionErrorBoundary name="testimonials">
<div id="testimonials" data-section="testimonials">
<SectionErrorBoundary name="testimonials">
<TestimonialMarqueeOverlayCards
tag="Reviews"
title="What Our Customers Say"
description="Read the thoughts of our happy coloring community."
testimonials={[
{
id: "1",
name: "Nimra Farooq Malik",
role: "Local Guide",
company: "Customer",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/cute-hipster-woman-taking-photos-retro-camera_176420-16728.jpg",
},
{
id: "2",
name: "Asma Malik",
role: "Fan",
company: "Customer",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/happy-cheerful-brunet-darkskinned-man-orange-jacket-beige-shorts-smiles-sincerely-shows-peace-sign-outside_197531-28753.jpg",
},
{
id: "3",
name: "Mirza Ammar",
role: "Supporter",
company: "Customer",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/experienced-senior-female-executive-eyeglasses_1262-5027.jpg",
},
{
id: "4",
name: "Ayesha Shahbaz",
role: "Enthusiast",
company: "Customer",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/brunette-painter-posing-with-canvas-brush-gray-wall_114579-47171.jpg",
},
{
id: "5",
name: "Mustafa Garmanri",
role: "Colorist",
company: "Customer",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-painter-desk-joyfully-choosing-paint-brush-with-big-pattern-canvas-background-home_574295-3722.jpg",
},
]}
/>
</SectionErrorBoundary>
</div>
tag="Reviews"
title="What Our Customers Say"
description="Read the thoughts of our happy coloring community."
testimonials={[
{ name: "Nimra Farooq Malik", role: "Local Guide", company: "Customer", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/cute-hipster-woman-taking-photos-retro-camera_176420-16728.jpg" },
{ name: "Asma Malik", role: "Fan", company: "Customer", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/happy-cheerful-brunet-darkskinned-man-orange-jacket-beige-shorts-smiles-sincerely-shows-peace-sign-outside_197531-28753.jpg" },
{ name: "Mirza Ammar", role: "Supporter", company: "Customer", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/experienced-senior-female-executive-eyeglasses_1262-5027.jpg" },
{ name: "Ayesha Shahbaz", role: "Enthusiast", company: "Customer", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/brunette-painter-posing-with-canvas-brush-gray-wall_114579-47171.jpg" },
{ name: "Mustafa Garmanri", role: "Colorist", company: "Customer", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-painter-desk-joyfully-choosing-paint-brush-with-big-pattern-canvas-background-home_574295-3722.jpg" },
]}
/>
</SectionErrorBoundary>
</div>
<div id="faq" data-section="faq">
<SectionErrorBoundary name="faq">
<div id="faq" data-section="faq">
<SectionErrorBoundary name="faq">
<FaqTwoColumn
tag="Help Center"
title="Frequently Asked Questions"
description="Everything you need to know about our coloring books."
items={[
{
question: "Are these books suitable for adults?",
answer: "Yes, our designs are creative and detailed enough for adults to enjoy too.",
},
{
question: "How is the print quality?",
answer: "Our customers consistently rate our print quality 10/10.",
},
{
question: "Can I reach you easily?",
answer: "Absolutely, we are proud of our professional and friendly communication.",
},
{
question: "Are these available for shipping?",
answer: "Yes, please contact us via our provided phone number to place your order.",
},
]}
/>
</SectionErrorBoundary>
</div>
tag="Help Center"
title="Frequently Asked Questions"
description="Everything you need to know about our coloring books."
items={[
{ question: "Are these books suitable for adults?", answer: "Yes, our designs are creative and detailed enough for adults to enjoy too." },
{ question: "How is the print quality?", answer: "Our customers consistently rate our print quality 10/10." },
{ question: "Can I reach you easily?", answer: "Absolutely, we are proud of our professional and friendly communication." },
{ question: "Are these available for shipping?", answer: "Yes, please contact us via our provided phone number to place your order." },
]}
/>
</SectionErrorBoundary>
</div>
<div id="contact" data-section="contact">
<SectionErrorBoundary name="contact">
<div id="contact" data-section="contact">
<SectionErrorBoundary name="contact">
<ContactCta
tag="Get in touch"
text="Ready to pick your next favorite coloring book? Call us anytime!"
primaryButton={{
text: "Call 0313 9899525",
href: "tel:03139899525",
}}
secondaryButton={{
text: "Browse More",
href: "#products",
}}
/>
</SectionErrorBoundary>
</div>
tag="Get in touch"
text="Ready to pick your next favorite coloring book? Call us anytime!"
primaryButton={{ text: "Call 0313 9899525", href: "tel:03139899525" }}
secondaryButton={{ text: "Browse More", href: "#products" }}
/>
</SectionErrorBoundary>
</div>
</>
);
}
}