bender/989fddb1-354d-4b55-bd16-6e9bfbb780ee
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_2_1782384016544 into main #1

Merged
bender merged 1 commits from version_2_1782384016544 into main 2026-06-25 10:43:24 +00:00
Conversation 0 Commits 1 Files Changed 10 +480 -266
10 changed files with 480 additions and 266 deletions
Download Patch File Download Diff File Expand all files Collapse all files

292
src/pages/HomePage.tsx
View File

@@ -1,279 +1,39 @@
import AboutTestimonial from '@/components/sections/about/AboutTestimonial';
import ContactCta from '@/components/sections/contact/ContactCta';
import FaqSimple from '@/components/sections/faq/FaqSimple';
import FeaturesMediaCarousel from '@/components/sections/features/FeaturesMediaCarousel';
import FeaturesRevealCardsBento from '@/components/sections/features/FeaturesRevealCardsBento';
import HeroBrand from '@/components/sections/hero/HeroBrand';
import MetricsSimpleCards from '@/components/sections/metrics/MetricsSimpleCards';
import SocialProofMarquee from '@/components/sections/social-proof/SocialProofMarquee';
import TestimonialOverlayCards from '@/components/sections/testimonial/TestimonialOverlayCards';
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 WorksSection from './HomePage/sections/Works';
import GallerySection from './HomePage/sections/Gallery';
import TestimonialsSection from './HomePage/sections/Testimonials';
import MetricsSection from './HomePage/sections/Metrics';
import PartnersSection from './HomePage/sections/Partners';
import FaqSection from './HomePage/sections/Faq';
import ContactSection from './HomePage/sections/Contact';
export default function HomePage(): React.JSX.Element {
return (
<>
<div id="hero" data-section="hero">
<SectionErrorBoundary name="hero">
<HeroBrand
brand="PORTFOLIO 2026"
description="Tanvi Shivpuje | Illustration, Character Design, Digital Art."
primaryButton={{
text: "View Works",
href: "#works",
}}
secondaryButton={{
text: "Contact",
href: "#contact",
}}
imageSrc="http://img.b2bpic.net/free-photo/developing-sketching-skills-fine-arts-school-learning-pencil-drawing-techniques-wooden-easel-with-sketch-vase-modern-studio-no-people-creative-artist-workplace-art-studio-interior_482257-65974.jpg"
/>
</SectionErrorBoundary>
</div>
<>
<HeroSection />
<div id="about" data-section="about">
<SectionErrorBoundary name="about">
<AboutTestimonial
tag="About Me"
quote="Driven by creativity, focused on character depth and digital storytelling."
author="Tanvi Shivpuje"
role="Lead Digital Artist"
imageSrc="http://img.b2bpic.net/free-photo/male-white-shirt-holds-photo-camera-isolated-grey_613910-463.jpg"
/>
</SectionErrorBoundary>
</div>
<AboutSection />
<div id="works" data-section="works">
<SectionErrorBoundary name="works">
<FeaturesMediaCarousel
tag="Selected Works"
title="Project Highlights"
description="Showcase of recent character designs and digital art projects."
items={[
{
title: "Concept Art Series",
description: "Character depth exploration",
buttonIcon: "Zap",
imageSrc: "http://img.b2bpic.net/free-photo/yellow-gold-alphabet-helium-balloons-forming-text-design_53876-165236.jpg",
},
{
title: "Digital Portraits",
description: "High fidelity character study",
buttonIcon: "Zap",
imageSrc: "http://img.b2bpic.net/free-photo/creative-abstract-mixed-coral-color-painting-with-marble-effect-panorama_1258-99764.jpg",
},
{
title: "Line Art Studies",
description: "Clean and expressive forms",
buttonIcon: "Zap",
imageSrc: "http://img.b2bpic.net/free-photo/work-team-digital-art_23-2151492143.jpg",
},
{
title: "Dark Fantasy World",
description: "Moody environmental art",
buttonIcon: "Zap",
imageSrc: "http://img.b2bpic.net/free-photo/3d-render-alien-spooky-landscape_1048-14515.jpg",
},
{
title: "Studio Sketches",
description: "Quick character concepts",
buttonIcon: "Zap",
imageSrc: "http://img.b2bpic.net/free-photo/art-nouveau-portrait-beautiful-woman_23-2151467738.jpg",
},
{
title: "3D Sculpting",
description: "Volume and shadow studies",
buttonIcon: "Zap",
imageSrc: "http://img.b2bpic.net/free-photo/ai-generated-concept-human_23-2150688609.jpg",
},
]}
/>
</SectionErrorBoundary>
</div>
<WorksSection />
<div id="gallery" data-section="gallery">
<SectionErrorBoundary name="gallery">
<FeaturesRevealCardsBento
tag="Collection"
title="Creative Explorations"
description="A bento grid of diverse creative digital art experiments."
items={[
{
title: "Sketch 01",
description: "Raw lines",
href: "#",
imageSrc: "http://img.b2bpic.net/free-photo/fantasy-water-character_23-2151149339.jpg",
},
{
title: "Sketch 02",
description: "Raw lines",
href: "#",
imageSrc: "http://img.b2bpic.net/free-photo/3d-render-abstract-background-with-space-your-text-digital-3d-illustration-design_460848-7412.jpg",
},
{
title: "Sketch 03",
description: "Raw lines",
href: "#",
imageSrc: "http://img.b2bpic.net/free-photo/pair-athletic-running-shoes-line-art-color-vector_1308-186837.jpg",
},
{
title: "Sketch 04",
description: "Raw lines",
href: "#",
imageSrc: "http://img.b2bpic.net/free-photo/abstract-cover-art-illustration_23-2151904480.jpg",
},
{
title: "Sketch 05",
description: "Raw lines",
href: "#",
imageSrc: "http://img.b2bpic.net/free-photo/androgynous-avatar-non-binary-queer-person_23-2151100240.jpg",
},
{
title: "Sketch 06",
description: "Raw lines",
href: "#",
imageSrc: "http://img.b2bpic.net/free-photo/3d-tree-with-leaves-branches-displayed-podium_23-2150697954.jpg",
},
{
title: "Sketch 07",
description: "Raw lines",
href: "#",
imageSrc: "http://img.b2bpic.net/free-photo/minimalist-black-box-with-blank-white-label-shadow_9975-134367.jpg",
},
]}
/>
</SectionErrorBoundary>
</div>
<GallerySection />
<div id="testimonials" data-section="testimonials">
<SectionErrorBoundary name="testimonials">
<TestimonialOverlayCards
tag="Feedback"
title="What Clients Say"
description="Collaborators and industry professionals feedback."
testimonials={[
{
name: "Sarah J.",
role: "Creative Lead",
company: "Studio X",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/concentrated-young-lady-designer-writing-notes-using-computer_171337-15785.jpg",
},
{
name: "Mike D.",
role: "Director",
company: "Filmco",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-sideways-curtain-sparkles_23-2148331895.jpg",
},
{
name: "Elena R.",
role: "Senior Artist",
company: "Design Hub",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/rendering-summer-digital-art-illustration_23-2151242886.jpg",
},
{
name: "David L.",
role: "Producer",
company: "Creative Wave",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/lady-jeans-striped-shirt-poses-her-work-place_197531-27971.jpg",
},
{
name: "Nina P.",
role: "Art Buyer",
company: "Global Brands",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/man-model-sitting-chair_23-2148503630.jpg",
},
]}
/>
</SectionErrorBoundary>
</div>
<TestimonialsSection />
<div id="metrics" data-section="metrics">
<SectionErrorBoundary name="metrics">
<MetricsSimpleCards
tag="Stats"
title="Creative Impact"
description="Portfolio reach and professional achievement."
metrics={[
{
value: "200+",
description: "Projects Completed",
},
{
value: "50+",
description: "Clients Served",
},
{
value: "5+",
description: "Industry Awards",
},
]}
/>
</SectionErrorBoundary>
</div>
<MetricsSection />
<div id="partners" data-section="partners">
<SectionErrorBoundary name="partners">
<SocialProofMarquee
tag="Recognized By"
title="Professional Partners"
description="Industry organizations and brands."
names={[
"Behance",
"Adobe",
"DesignDaily",
"CreativePool",
"IllustrationMonthly",
"DigitalArtWorld",
"ConceptAcademy",
]}
/>
</SectionErrorBoundary>
</div>
<PartnersSection />
<div id="faq" data-section="faq">
<SectionErrorBoundary name="faq">
<FaqSimple
tag="Support"
title="Frequently Asked Questions"
description="Common queries about commissions and collaboration."
items={[
{
question: "Are you taking new projects?",
answer: "Yes, I am currently available for new freelance opportunities.",
},
{
question: "What is your process?",
answer: "I start with conceptual sketches, refine through feedback, and finalize with digital polish.",
},
{
question: "Can we discuss licensing?",
answer: "I am open to discuss licensing of my digital art assets.",
},
]}
/>
</SectionErrorBoundary>
</div>
<FaqSection />
<div id="contact" data-section="contact">
<SectionErrorBoundary name="contact">
<ContactCta
tag="Collaboration"
text="Let's bring your vision to life."
primaryButton={{
text: "Email Me",
href: "mailto:tanvi@example.com",
}}
secondaryButton={{
text: "View Resume",
href: "#",
}}
/>
</SectionErrorBoundary>
</div>
<ContactSection />
</>
);
}

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

@@ -0,0 +1,22 @@
// 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 AboutTestimonial from '@/components/sections/about/AboutTestimonial';
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
export default function AboutSection(): React.JSX.Element {
return (
<div id="about" data-section="about">
<SectionErrorBoundary name="about">
<AboutTestimonial
tag="About Me"
quote="Driven by creativity, focused on character depth and digital storytelling."
author="Tanvi Shivpuje"
role="Lead Digital Artist"
imageSrc="http://img.b2bpic.net/free-photo/male-white-shirt-holds-photo-camera-isolated-grey_613910-463.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="Collaboration"
text="Let's bring your vision to life."
primaryButton={{
text: "Email Me",
href: "mailto:tanvi@example.com",
}}
secondaryButton={{
text: "View Resume",
href: "#",
}}
/>
</SectionErrorBoundary>
</div>
);
}

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

@@ -0,0 +1,34 @@
// 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 FaqSimple from '@/components/sections/faq/FaqSimple';
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
export default function FaqSection(): React.JSX.Element {
return (
<div id="faq" data-section="faq">
<SectionErrorBoundary name="faq">
<FaqSimple
tag="Support"
title="Frequently Asked Questions"
description="Common queries about commissions and collaboration."
items={[
{
question: "Are you taking new projects?",
answer: "Yes, I am currently available for new freelance opportunities.",
},
{
question: "What is your process?",
answer: "I start with conceptual sketches, refine through feedback, and finalize with digital polish.",
},
{
question: "Can we discuss licensing?",
answer: "I am open to discuss licensing of my digital art assets.",
},
]}
/>
</SectionErrorBoundary>
</div>
);
}

165
src/pages/HomePage/sections/Gallery.tsx Normal file
View File

@@ -0,0 +1,165 @@
/* eslint-disable */
// @ts-nocheck — generated by catalog-eject; runtime-correct but TS strict-mode false-positives on inlined catalog body
import Button from "@/components/ui/Button";
import TextAnimation from "@/components/ui/TextAnimation";
import ImageOrVideo from "@/components/ui/ImageOrVideo";
import ScrollReveal from "@/components/ui/ScrollReveal";
import Carousel from "@/components/ui/Carousel";
import { cls } from "@/lib/utils";
const items = [
{
title: "Sketch 01",
description: "Raw lines",
href: "#",
imageSrc: "http://img.b2bpic.net/free-photo/fantasy-water-character_23-2151149339.jpg"
},
{
title: "Sketch 02",
description: "Raw lines",
href: "#",
imageSrc: "http://img.b2bpic.net/free-photo/3d-render-abstract-background-with-space-your-text-digital-3d-illustration-design_460848-7412.jpg"
},
{
title: "Sketch 03",
description: "Raw lines",
href: "#",
imageSrc: "http://img.b2bpic.net/free-photo/pair-athletic-running-shoes-line-art-color-vector_1308-186837.jpg"
},
{
title: "Sketch 04",
description: "Raw lines",
href: "#",
imageSrc: "http://img.b2bpic.net/free-photo/abstract-cover-art-illustration_23-2151904480.jpg"
},
{
title: "Sketch 05",
description: "Raw lines",
href: "#",
imageSrc: "http://img.b2bpic.net/free-photo/androgynous-avatar-non-binary-queer-person_23-2151100240.jpg"
},
{
title: "Sketch 06",
description: "Raw lines",
href: "#",
imageSrc: "http://img.b2bpic.net/free-photo/3d-tree-with-leaves-branches-displayed-podium_23-2150697954.jpg"
},
{
title: "Sketch 07",
description: "Raw lines",
href: "#",
imageSrc: "http://img.b2bpic.net/free-photo/minimalist-black-box-with-blank-white-label-shadow_9975-134367.jpg"
}
];
type FeatureItem = {
title: string;
description: string;
href: string;
} & ({ imageSrc: string; videoSrc?: never } | { videoSrc: string; imageSrc?: never });
interface FeaturesRevealCardsBentoProps {
tag: string;
title: string;
description: string;
primaryButton?: { text: string; href: string };
secondaryButton?: { text: string; href: string };
items: [FeatureItem, FeatureItem, FeatureItem, FeatureItem, FeatureItem, FeatureItem, FeatureItem];
}
const GalleryInline = () => {
const gridClasses = [
"md:col-span-2",
"md:col-span-4",
"md:col-span-3",
"md:col-span-3",
"md:col-span-2",
"md:col-span-2",
"md:col-span-2",
];
const staggerDelays = [
0,
0.1,
0,
0.1,
0,
0.1,
0.2,
];
return (
<section aria-label="Features reveal cards bento section" className="py-20">
<div className="flex flex-col gap-8 md:gap-10">
<div className="flex flex-col items-center w-content-width mx-auto gap-2">
<div className="px-3 py-1 mb-1 text-sm card rounded w-fit">
<p>{"Collection"}</p>
</div>
<TextAnimation
text={"Creative Explorations"}
variant="slide-up"
gradientText={true}
tag="h2"
className="md:max-w-8/10 text-6xl 2xl:text-7xl leading-[1.15] font-semibold text-center text-balance"
/>
<TextAnimation
text={"A bento grid of diverse creative digital art experiments."}
variant="slide-up"
gradientText={false}
tag="p"
className="md:max-w-7/10 text-lg md:text-xl leading-snug text-center text-balance"
/>
{(undefined || undefined) && (
<div className="flex flex-wrap justify-center gap-3 mt-2 md:mt-3">
{undefined && <Button text={undefined.text} href={undefined.href} variant="primary"/>}
{undefined && <Button text={undefined.text} href={undefined.href} variant="secondary" animationDelay={0.1} />}
</div>
)}
</div>
<div className="w-content-width mx-auto">
<Carousel className="w-full">
{items.map((item, index) => (
<div
key={index}
className="flex-[0_0_85%] md:flex-[0_0_60%] lg:flex-[0_0_45%] min-w-0 pl-4 first:pl-0"
>
<div className="relative group overflow-hidden rounded-lg card min-h-[400px] h-[60vh]">
<ImageOrVideo
imageSrc={item.imageSrc}
videoSrc={item.videoSrc}
className="absolute inset-0 w-full h-full object-cover transition-transform duration-700 group-hover:scale-105"
/>
<div className="absolute inset-0 bg-gradient-to-t from-black/80 via-black/20 to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-500" />
<div className="absolute inset-0 p-6 md:p-8 flex flex-col justify-end opacity-0 group-hover:opacity-100 transition-opacity duration-500">
<div className="transform translate-y-4 group-hover:translate-y-0 transition-transform duration-500">
<h3 className="text-2xl font-semibold text-white mb-2">{item.title}</h3>
<p className="text-white/80 mb-6">{item.description}</p>
<Button
text="View Details"
href={item.href}
variant="primary"
className="w-fit"
/>
</div>
</div>
</div>
</div>
))}
</Carousel>
</div>
</div>
</section>
);
};
export default function GallerySection() {
return (
<div data-webild-section="gallery" id="gallery">
<GalleryInline />
</div>
);
}

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

@@ -0,0 +1,28 @@
// 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 HeroBrand from '@/components/sections/hero/HeroBrand';
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
export default function HeroSection(): React.JSX.Element {
return (
<div id="hero" data-section="hero">
<SectionErrorBoundary name="hero">
<HeroBrand
brand="PORTFOLIO 2026"
description="Tanvi Shivpuje | Illustration, Character Design, Digital Art."
primaryButton={{
text: "View Works",
href: "#works",
}}
secondaryButton={{
text: "Contact",
href: "#contact",
}}
imageSrc="http://img.b2bpic.net/free-photo/developing-sketching-skills-fine-arts-school-learning-pencil-drawing-techniques-wooden-easel-with-sketch-vase-modern-studio-no-people-creative-artist-workplace-art-studio-interior_482257-65974.jpg"
/>
</SectionErrorBoundary>
</div>
);
}

34
src/pages/HomePage/sections/Metrics.tsx Normal file
View File

@@ -0,0 +1,34 @@
// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
// file as the canonical source for the "metrics" section.
import React from 'react';
import MetricsSimpleCards from '@/components/sections/metrics/MetricsSimpleCards';
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
export default function MetricsSection(): React.JSX.Element {
return (
<div id="metrics" data-section="metrics">
<SectionErrorBoundary name="metrics">
<MetricsSimpleCards
tag="Stats"
title="Creative Impact"
description="Portfolio reach and professional achievement."
metrics={[
{
value: "200+",
description: "Projects Completed",
},
{
value: "50+",
description: "Clients Served",
},
{
value: "5+",
description: "Industry Awards",
},
]}
/>
</SectionErrorBoundary>
</div>
);
}

29
src/pages/HomePage/sections/Partners.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 "partners" section.
import React from 'react';
import SocialProofMarquee from '@/components/sections/social-proof/SocialProofMarquee';
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
export default function PartnersSection(): React.JSX.Element {
return (
<div id="partners" data-section="partners">
<SectionErrorBoundary name="partners">
<SocialProofMarquee
tag="Recognized By"
title="Professional Partners"
description="Industry organizations and brands."
names={[
"Behance",
"Adobe",
"DesignDaily",
"CreativePool",
"IllustrationMonthly",
"DigitalArtWorld",
"ConceptAcademy",
]}
/>
</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="Feedback"
title="What Clients Say"
description="Collaborators and industry professionals feedback."
testimonials={[
{
name: "Sarah J.",
role: "Creative Lead",
company: "Studio X",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/concentrated-young-lady-designer-writing-notes-using-computer_171337-15785.jpg",
},
{
name: "Mike D.",
role: "Director",
company: "Filmco",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-sideways-curtain-sparkles_23-2148331895.jpg",
},
{
name: "Elena R.",
role: "Senior Artist",
company: "Design Hub",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/rendering-summer-digital-art-illustration_23-2151242886.jpg",
},
{
name: "David L.",
role: "Producer",
company: "Creative Wave",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/lady-jeans-striped-shirt-poses-her-work-place_197531-27971.jpg",
},
{
name: "Nina P.",
role: "Art Buyer",
company: "Global Brands",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/man-model-sitting-chair_23-2148503630.jpg",
},
]}
/>
</SectionErrorBoundary>
</div>
);
}

58
src/pages/HomePage/sections/Works.tsx Normal file
View File

@@ -0,0 +1,58 @@
// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
// file as the canonical source for the "works" section.
import React from 'react';
import FeaturesMediaCarousel from '@/components/sections/features/FeaturesMediaCarousel';
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
export default function WorksSection(): React.JSX.Element {
return (
<div id="works" data-section="works">
<SectionErrorBoundary name="works">
<FeaturesMediaCarousel
tag="Selected Works"
title="Project Highlights"
description="Showcase of recent character designs and digital art projects."
items={[
{
title: "Concept Art Series",
description: "Character depth exploration",
buttonIcon: "Zap",
imageSrc: "http://img.b2bpic.net/free-photo/yellow-gold-alphabet-helium-balloons-forming-text-design_53876-165236.jpg",
},
{
title: "Digital Portraits",
description: "High fidelity character study",
buttonIcon: "Zap",
imageSrc: "http://img.b2bpic.net/free-photo/creative-abstract-mixed-coral-color-painting-with-marble-effect-panorama_1258-99764.jpg",
},
{
title: "Line Art Studies",
description: "Clean and expressive forms",
buttonIcon: "Zap",
imageSrc: "http://img.b2bpic.net/free-photo/work-team-digital-art_23-2151492143.jpg",
},
{
title: "Dark Fantasy World",
description: "Moody environmental art",
buttonIcon: "Zap",
imageSrc: "http://img.b2bpic.net/free-photo/3d-render-alien-spooky-landscape_1048-14515.jpg",
},
{
title: "Studio Sketches",
description: "Quick character concepts",
buttonIcon: "Zap",
imageSrc: "http://img.b2bpic.net/free-photo/art-nouveau-portrait-beautiful-woman_23-2151467738.jpg",
},
{
title: "3D Sculpting",
description: "Volume and shadow studies",
buttonIcon: "Zap",
imageSrc: "http://img.b2bpic.net/free-photo/ai-generated-concept-human_23-2150688609.jpg",
},
]}
/>
</SectionErrorBoundary>
</div>
);
}