bender/e1e52d61-51af-47e3-9886-5d2fe0ad8049
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_2_1781858361181 into main #1

Merged
bender merged 1 commits from version_2_1781858361181 into main 2026-06-19 08:40:31 +00:00
Conversation 0 Commits 1 Files Changed 10 +463 -285
10 changed files with 463 additions and 285 deletions
Download Patch File Download Diff File Expand all files Collapse all files

314
src/pages/HomePage.tsx
View File

@@ -1,297 +1,41 @@
import AboutFeaturesSplit from '@/components/sections/about/AboutFeaturesSplit';
import ContactCta from '@/components/sections/contact/ContactCta';
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import FeaturesDetailedSteps from '@/components/sections/features/FeaturesDetailedSteps';
import FeaturesRevealCardsBento from '@/components/sections/features/FeaturesRevealCardsBento';
import HeroSplitVerticalMarquee from '@/components/sections/hero/HeroSplitVerticalMarquee';
import SocialProofMarquee from '@/components/sections/social-proof/SocialProofMarquee';
import TestimonialOverlayCards from '@/components/sections/testimonial/TestimonialOverlayCards';
import { Download, Palette, Sparkles } from "lucide-react";
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
// AUTO-GENERATED shell by per-section-migrate.
// Section bodies live in ./<PageBase>/sections/<X>.tsx. Edit the section
// files directly. Non-block content (wrappers, non-inlinable sections) is
// preserved inline; extracted section blocks become <XSection/> refs.
export default function HomePage() {
import React from 'react';
import HeroSection from './HomePage/sections/Hero';
import AboutSection from './HomePage/sections/About';
import StepsSection from './HomePage/sections/Steps';
import ProductsSection from './HomePage/sections/Products';
import TestimonialsSection from './HomePage/sections/Testimonials';
import FaqSection from './HomePage/sections/Faq';
import SocialSection from './HomePage/sections/Social';
import ContactSection from './HomePage/sections/Contact';
{/* webild-stub @2026-06-19T08:40:26.147Z: Add a newsletter sign-up section before the FAQ to capture leads directly, offering an exclusive discount or a free sample page in exchange for their email. */}
import NewsletterSection from './HomePage/sections/Newsletter';export default function HomePage(): React.JSX.Element {
return (
<>
<div id="hero" data-section="hero">
<SectionErrorBoundary name="hero">
<HeroSplitVerticalMarquee
tag="Creative Relaxation"
title="Digital Coloring Books for Your Creative Soul"
description="Download unique, hand-illustrated coloring pages. Perfect for markers, pencils, or digital painting. Join the SharmingCreatives community on Instagram."
primaryButton={{
text: "Shop Collections",
href: "#products",
}}
secondaryButton={{
text: "Follow on IG",
href: "https://instagram.com/sharmingcreatives",
}}
leftItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/paper-with-abstract-ink-painting_23-2147823726.jpg",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/dog-skateboard-coloring-page_23-2152011851.jpg",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/vibrant-yellow-orange-ribbons-hanging-public-art-installation_1308-189835.jpg",
},
{
imageSrc: "http://img.b2bpic.net/free-vector/hand-drawn-kawaii-coloring-book-illustration_23-2149703915.jpg",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/abstract-background-pontillize_58702-6154.jpg",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/surreal-neon-tropical-flowers_23-2151665752.jpg",
},
]}
rightItems={[
{
imageSrc: "http://img.b2bpic.net/free-vector/hand-drawn-kawaii-coloring-book-illustration_23-2149751640.jpg",
},
{
imageSrc: "http://img.b2bpic.net/free-vector/black-white-pattern_79020-24.jpg",
},
{
imageSrc: "https://storage.googleapis.com/webild/default/no-image.jpg?id=3qcv3b",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/stained-glass-pop-abstract-background_58702-5886.jpg",
},
{
imageSrc: "http://img.b2bpic.net/free-vector/colorful-floral-patterned-background-design_53876-173739.jpg",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/modern-artist-concept-with-top-view-desk_23-2148002178.jpg",
},
]}
/>
</SectionErrorBoundary>
</div>
<>
<HeroSection />
<div id="about" data-section="about">
<SectionErrorBoundary name="about">
<AboutFeaturesSplit
tag="About Us"
title="Designed with Love & Creativity"
description="At SharmingCreatives, we believe in the meditative power of art. Our digital coloring books are designed to bring relaxation, mindfulness, and a splash of color into your busy life."
items={[
{
icon: Palette,
title: "Artistic Designs",
description: "Each page is hand-drawn with intricate details.",
},
{
icon: Download,
title: "Instant Access",
description: "Download and start creating in minutes.",
},
{
icon: Sparkles,
title: "Unique Styles",
description: "From botanical to abstract, something for everyone.",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/office-coffee-interior-design_23-2151909918.jpg"
/>
</SectionErrorBoundary>
</div>
<AboutSection />
<div id="steps" data-section="steps">
<SectionErrorBoundary name="steps">
<FeaturesDetailedSteps
tag="Easy Steps"
title="Start Creating Today"
description="Follow these simple steps to bring your favorite designs to life."
steps={[
{
tag: "01",
title: "Choose Design",
subtitle: "Explore our shop",
description: "Pick your favorite coloring book collection.",
imageSrc: "http://img.b2bpic.net/free-photo/still-life-graphic-design-studio_23-2151320717.jpg",
},
{
tag: "02",
title: "Download",
subtitle: "Get instant access",
description: "Your files will be available immediately.",
imageSrc: "http://img.b2bpic.net/free-photo/woman-painting-with-watercolor-studio_23-2148014060.jpg",
},
{
tag: "03",
title: "Print & Color",
subtitle: "Enjoy the art",
description: "Print at home or use your tablet app.",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-artist-sketch_23-2148929884.jpg",
},
]}
/>
</SectionErrorBoundary>
</div>
<StepsSection />
<div id="products" data-section="products">
<SectionErrorBoundary name="products">
<FeaturesRevealCardsBento
tag="Collection"
title="Our Latest Coloring Books"
description="Discover our most popular hand-illustrated themes."
items={[
{
title: "Botanical Bliss",
description: "Deep forest floral patterns.",
href: "#",
imageSrc: "http://img.b2bpic.net/free-vector/floral-elements-design_1271-75.jpg",
},
{
title: "Critter Friends",
description: "Adorable woodland animal illustrations.",
href: "#",
imageSrc: "http://img.b2bpic.net/free-photo/psychedelic-girl-illustration_23-2151508431.jpg",
},
{
title: "Geometric Mind",
description: "Complex abstract patterns for focus.",
href: "#",
imageSrc: "http://img.b2bpic.net/free-vector/hand-drawn-mermaid-coloring-book-illustration_23-2150142441.jpg",
},
{
title: "Mystic Realms",
description: "Enchanted forests and fantasy art.",
href: "#",
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-fantasy-landscape_23-2151890270.jpg",
},
{
title: "Motivational Quotes",
description: "Hand-lettered uplifting messages.",
href: "#",
imageSrc: "https://storage.googleapis.com/webild/default/no-image.jpg?id=4qawov",
},
{
title: "Holiday Magic",
description: "Seasonal festive coloring pages.",
href: "#",
imageSrc: "http://img.b2bpic.net/free-photo/crop-child-painting-eggs-table_23-2147752247.jpg",
},
{
title: "Landscape Serenity",
description: "Relaxing natural scenery.",
href: "#",
imageSrc: "http://img.b2bpic.net/free-vector/enchanted-treehouse-fantasy-illustration_1308-165199.jpg",
},
]}
/>
</SectionErrorBoundary>
</div>
<ProductsSection />
<div id="testimonials" data-section="testimonials">
<SectionErrorBoundary name="testimonials">
<TestimonialOverlayCards
tag="Community Love"
title="What Artists Are Saying"
description="Hear from our wonderful community of colorists."
testimonials={[
{
name: "Emma R.",
role: "Hobbyist",
company: "Creative",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-joyful-woman-with-dark-curly-hair-standing-near-table-happily-showing-fashion-sketches-laptop-while-spending-time-modern-cozy-workshop-with-big-windows_574295-496.jpg",
},
{
name: "James L.",
role: "Artist",
company: "Creative",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/waist-up-drawing-woman-with-pencils_329181-17322.jpg",
},
{
name: "Sarah P.",
role: "Designer",
company: "Creative",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-girl-with-pink-hairs-holding-sketchbook-demonstrating-it_114579-17708.jpg",
},
{
name: "Mike T.",
role: "Student",
company: "Creative",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/professional-female-art-worker-having-complete-command-colour-finished-technique-working-with-watercolors-while-trying-create-beautiful-seascape-oil-painting-art-hobby-concept_273609-913.jpg",
},
{
name: "Elena V.",
role: "Illustrator",
company: "Creative",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/woman-posing-with-brushes-canvas-black-background_114579-26022.jpg",
},
]}
/>
</SectionErrorBoundary>
</div>
<TestimonialsSection />
<NewsletterSection />
<div id="faq" data-section="faq">
<SectionErrorBoundary name="faq">
<FaqSplitMedia
tag="Support"
title="Common Questions"
description="Need a hand? We've got answers."
items={[
{
question: "What file format do I get?",
answer: "All our files come in high-quality PDF formats.",
},
{
question: "Can I use these digitally?",
answer: "Yes, they are compatible with most art apps.",
},
{
question: "How do I print?",
answer: "Just print on your favorite cardstock paper.",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/colorful-crayons-white-background_114579-36071.jpg"
/>
</SectionErrorBoundary>
</div>
<FaqSection />
<div id="social" data-section="social">
<SectionErrorBoundary name="social">
<SocialProofMarquee
tag="As Seen On"
title="Connect With Us"
description="Join our creative community on social media."
names={[
"#SharmingCreatives",
"Art Lovers Weekly",
"Creative Daily",
"Design Inspiration",
"Colorist Society",
"Digital Art Hub",
"Modern Artisan",
]}
/>
</SectionErrorBoundary>
</div>
<SocialSection />
<div id="contact" data-section="contact">
<SectionErrorBoundary name="contact">
<ContactCta
tag="Ready to Start?"
text="Get the latest updates and exclusive coupons on Instagram."
primaryButton={{
text: "Visit Instagram",
href: "https://instagram.com/sharmingcreatives",
}}
secondaryButton={{
text: "Shop Now",
href: "#products",
}}
/>
</SectionErrorBoundary>
</div>
<ContactSection />
</>
);
}

39
src/pages/HomePage/sections/About.tsx Normal file
View File

@@ -0,0 +1,39 @@
// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
// file as the canonical source for the "about" section.
import React from 'react';
import AboutFeaturesSplit from '@/components/sections/about/AboutFeaturesSplit';
import { Download, Palette, Sparkles } from "lucide-react";
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
export default function AboutSection(): React.JSX.Element {
return (
<div id="about" data-section="about">
<SectionErrorBoundary name="about">
<AboutFeaturesSplit
tag="About Us"
title="Designed with Love & Creativity"
description="At SharmingCreatives, we believe in the meditative power of art. Our digital coloring books are designed to bring relaxation, mindfulness, and a splash of color into your busy life."
items={[
{
icon: Palette,
title: "Artistic Designs",
description: "Each page is hand-drawn with intricate details.",
},
{
icon: Download,
title: "Instant Access",
description: "Download and start creating in minutes.",
},
{
icon: Sparkles,
title: "Unique Styles",
description: "From botanical to abstract, something for everyone.",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/office-coffee-interior-design_23-2151909918.jpg"
/>
</SectionErrorBoundary>
</div>
);
}

27
src/pages/HomePage/sections/Contact.tsx Normal file
View File

@@ -0,0 +1,27 @@
// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
// file as the canonical source for the "contact" section.
import React from 'react';
import ContactCta from '@/components/sections/contact/ContactCta';
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
export default function ContactSection(): React.JSX.Element {
return (
<div id="contact" data-section="contact">
<SectionErrorBoundary name="contact">
<ContactCta
tag="Ready to Start?"
text="Get the latest updates and exclusive coupons on Instagram."
primaryButton={{
text: "Visit Instagram",
href: "https://instagram.com/sharmingcreatives",
}}
secondaryButton={{
text: "Shop Now",
href: "#products",
}}
/>
</SectionErrorBoundary>
</div>
);
}

35
src/pages/HomePage/sections/Faq.tsx Normal file
View File

@@ -0,0 +1,35 @@
// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
// file as the canonical source for the "faq" section.
import React from 'react';
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
export default function FaqSection(): React.JSX.Element {
return (
<div id="faq" data-section="faq">
<SectionErrorBoundary name="faq">
<FaqSplitMedia
tag="Support"
title="Common Questions"
description="Need a hand? We've got answers."
items={[
{
question: "What file format do I get?",
answer: "All our files come in high-quality PDF formats.",
},
{
question: "Can I use these digitally?",
answer: "Yes, they are compatible with most art apps.",
},
{
question: "How do I print?",
answer: "Just print on your favorite cardstock paper.",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/colorful-crayons-white-background_114579-36071.jpg"
/>
</SectionErrorBoundary>
</div>
);
}

68
src/pages/HomePage/sections/Hero.tsx Normal file
View File

@@ -0,0 +1,68 @@
// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
// file as the canonical source for the "hero" section.
import React from 'react';
import HeroSplitVerticalMarquee from '@/components/sections/hero/HeroSplitVerticalMarquee';
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
export default function HeroSection(): React.JSX.Element {
return (
<div id="hero" data-section="hero">
<SectionErrorBoundary name="hero">
<HeroSplitVerticalMarquee
tag="Creative Relaxation"
title="Digital Coloring Books for Your Creative Soul"
description="Download unique, hand-illustrated coloring pages. Perfect for markers, pencils, or digital painting. Join the SharmingCreatives community on Instagram."
primaryButton={{
text: "Shop Collections",
href: "#products",
}}
secondaryButton={{
text: "Follow on IG",
href: "https://instagram.com/sharmingcreatives",
}}
leftItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/paper-with-abstract-ink-painting_23-2147823726.jpg",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/dog-skateboard-coloring-page_23-2152011851.jpg",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/vibrant-yellow-orange-ribbons-hanging-public-art-installation_1308-189835.jpg",
},
{
imageSrc: "http://img.b2bpic.net/free-vector/hand-drawn-kawaii-coloring-book-illustration_23-2149703915.jpg",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/abstract-background-pontillize_58702-6154.jpg",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/surreal-neon-tropical-flowers_23-2151665752.jpg",
},
]}
rightItems={[
{
imageSrc: "http://img.b2bpic.net/free-vector/hand-drawn-kawaii-coloring-book-illustration_23-2149751640.jpg",
},
{
imageSrc: "http://img.b2bpic.net/free-vector/black-white-pattern_79020-24.jpg",
},
{
imageSrc: "https://storage.googleapis.com/webild/default/no-image.jpg?id=3qcv3b",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/stained-glass-pop-abstract-background_58702-5886.jpg",
},
{
imageSrc: "http://img.b2bpic.net/free-vector/colorful-floral-patterned-background-design_53876-173739.jpg",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/modern-artist-concept-with-top-view-desk_23-2148002178.jpg",
},
]}
/>
</SectionErrorBoundary>
</div>
);
}

72
src/pages/HomePage/sections/Newsletter.tsx Normal file
View File

@@ -0,0 +1,72 @@
import { useState } from "react";
import TextAnimation from "@/components/ui/TextAnimation";
import ScrollReveal from "@/components/ui/ScrollReveal";
import Tag from "@/components/ui/Tag";
import Input from "@/components/ui/Input";
import Button from "@/components/ui/Button";
import ImageOrVideo from "@/components/ui/ImageOrVideo";
export default function NewsletterSection() {
const [email, setEmail] = useState("");
const [submitted, setSubmitted] = useState(false);
const handleSubmit = (e: React.FormEvent) => {
e.preventDefault();
if (email) {
setSubmitted(true);
// In a real app, this would send to an API
setTimeout(() => {
setEmail("");
setSubmitted(false);
}, 3000);
}
};
return (
<section data-webild-section="newsletter" id="newsletter" className="relative w-full py-24 bg-background">
<div className="w-content-width mx-auto">
<div className="grid grid-cols-1 lg:grid-cols-2 gap-12 items-center">
<ScrollReveal variant="slide-up">
<div className="flex flex-col items-start space-y-6">
<Tag text="Newsletter" />
<TextAnimation
text="Get Free Printables & New Release Updates"
variant="slide-up"
tag="h2"
className="text-4xl md:text-5xl font-bold text-foreground"
gradientText={false}
/>
<p className="text-lg text-accent max-w-xl">
Sign up for our newsletter and receive an exclusive discount and a free sample coloring page instantly!
</p>
<form onSubmit={handleSubmit} className="w-full max-w-md flex flex-col sm:flex-row gap-3 mt-4">
<Input
type="email"
placeholder="Enter your email address"
required
value={email}
onChange={(e) => setEmail(e.target.value)}
className="flex-1"
/>
<Button
text={submitted ? "Subscribed!" : "Subscribe Now"}
variant="primary"
/>
</form>
</div>
</ScrollReveal>
<ScrollReveal variant="fade-blur" delay={0.2}>
<div className="relative w-full aspect-square md:aspect-[4/3] rounded-lg overflow-hidden card">
<ImageOrVideo
imageSrc="https://images.unsplash.com/photo-1513364776144-60967b0f800f?auto=format&fit=crop&q=80&w=1000"
className="w-full h-full object-cover"
/>
</div>
</ScrollReveal>
</div>
</div>
</section>
);
}

64
src/pages/HomePage/sections/Products.tsx Normal file
View File

@@ -0,0 +1,64 @@
// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
// file as the canonical source for the "products" section.
import React from 'react';
import FeaturesRevealCardsBento from '@/components/sections/features/FeaturesRevealCardsBento';
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
export default function ProductsSection(): React.JSX.Element {
return (
<div id="products" data-section="products">
<SectionErrorBoundary name="products">
<FeaturesRevealCardsBento
tag="Collection"
title="Our Latest Coloring Books"
description="Discover our most popular hand-illustrated themes."
items={[
{
title: "Botanical Bliss",
description: "Deep forest floral patterns.",
href: "#",
imageSrc: "http://img.b2bpic.net/free-vector/floral-elements-design_1271-75.jpg",
},
{
title: "Critter Friends",
description: "Adorable woodland animal illustrations.",
href: "#",
imageSrc: "http://img.b2bpic.net/free-photo/psychedelic-girl-illustration_23-2151508431.jpg",
},
{
title: "Geometric Mind",
description: "Complex abstract patterns for focus.",
href: "#",
imageSrc: "http://img.b2bpic.net/free-vector/hand-drawn-mermaid-coloring-book-illustration_23-2150142441.jpg",
},
{
title: "Mystic Realms",
description: "Enchanted forests and fantasy art.",
href: "#",
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-fantasy-landscape_23-2151890270.jpg",
},
{
title: "Motivational Quotes",
description: "Hand-lettered uplifting messages.",
href: "#",
imageSrc: "https://storage.googleapis.com/webild/default/no-image.jpg?id=4qawov",
},
{
title: "Holiday Magic",
description: "Seasonal festive coloring pages.",
href: "#",
imageSrc: "http://img.b2bpic.net/free-photo/crop-child-painting-eggs-table_23-2147752247.jpg",
},
{
title: "Landscape Serenity",
description: "Relaxing natural scenery.",
href: "#",
imageSrc: "http://img.b2bpic.net/free-vector/enchanted-treehouse-fantasy-illustration_1308-165199.jpg",
},
]}
/>
</SectionErrorBoundary>
</div>
);
}

29
src/pages/HomePage/sections/Social.tsx Normal file
View File

@@ -0,0 +1,29 @@
// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
// file as the canonical source for the "social" section.
import React from 'react';
import SocialProofMarquee from '@/components/sections/social-proof/SocialProofMarquee';
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
export default function SocialSection(): React.JSX.Element {
return (
<div id="social" data-section="social">
<SectionErrorBoundary name="social">
<SocialProofMarquee
tag="As Seen On"
title="Connect With Us"
description="Join our creative community on social media."
names={[
"#SharmingCreatives",
"Art Lovers Weekly",
"Creative Daily",
"Design Inspiration",
"Colorist Society",
"Digital Art Hub",
"Modern Artisan",
]}
/>
</SectionErrorBoundary>
</div>
);
}

43
src/pages/HomePage/sections/Steps.tsx Normal file
View File

@@ -0,0 +1,43 @@
// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
// file as the canonical source for the "steps" section.
import React from 'react';
import FeaturesDetailedSteps from '@/components/sections/features/FeaturesDetailedSteps';
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
export default function StepsSection(): React.JSX.Element {
return (
<div id="steps" data-section="steps">
<SectionErrorBoundary name="steps">
<FeaturesDetailedSteps
tag="Easy Steps"
title="Start Creating Today"
description="Follow these simple steps to bring your favorite designs to life."
steps={[
{
tag: "01",
title: "Choose Design",
subtitle: "Explore our shop",
description: "Pick your favorite coloring book collection.",
imageSrc: "http://img.b2bpic.net/free-photo/still-life-graphic-design-studio_23-2151320717.jpg",
},
{
tag: "02",
title: "Download",
subtitle: "Get instant access",
description: "Your files will be available immediately.",
imageSrc: "http://img.b2bpic.net/free-photo/woman-painting-with-watercolor-studio_23-2148014060.jpg",
},
{
tag: "03",
title: "Print & Color",
subtitle: "Enjoy the art",
description: "Print at home or use your tablet app.",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-artist-sketch_23-2148929884.jpg",
},
]}
/>
</SectionErrorBoundary>
</div>
);
}

57
src/pages/HomePage/sections/Testimonials.tsx Normal file
View File

@@ -0,0 +1,57 @@
// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
// file as the canonical source for the "testimonials" section.
import React from 'react';
import TestimonialOverlayCards from '@/components/sections/testimonial/TestimonialOverlayCards';
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
export default function TestimonialsSection(): React.JSX.Element {
return (
<div id="testimonials" data-section="testimonials">
<SectionErrorBoundary name="testimonials">
<TestimonialOverlayCards
tag="Community Love"
title="What Artists Are Saying"
description="Hear from our wonderful community of colorists."
testimonials={[
{
name: "Emma R.",
role: "Hobbyist",
company: "Creative",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-joyful-woman-with-dark-curly-hair-standing-near-table-happily-showing-fashion-sketches-laptop-while-spending-time-modern-cozy-workshop-with-big-windows_574295-496.jpg",
},
{
name: "James L.",
role: "Artist",
company: "Creative",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/waist-up-drawing-woman-with-pencils_329181-17322.jpg",
},
{
name: "Sarah P.",
role: "Designer",
company: "Creative",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-girl-with-pink-hairs-holding-sketchbook-demonstrating-it_114579-17708.jpg",
},
{
name: "Mike T.",
role: "Student",
company: "Creative",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/professional-female-art-worker-having-complete-command-colour-finished-technique-working-with-watercolors-while-trying-create-beautiful-seascape-oil-painting-art-hobby-concept_273609-913.jpg",
},
{
name: "Elena V.",
role: "Illustrator",
company: "Creative",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/woman-posing-with-brushes-canvas-black-background_114579-26022.jpg",
},
]}
/>
</SectionErrorBoundary>
</div>
);
}