Update src/pages/HomePage.tsx
This commit is contained in:
@@ -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>
|
||||
</>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user