diff --git a/src/pages/HomePage.tsx b/src/pages/HomePage.tsx index dacfd96..dbc776c 100644 --- a/src/pages/HomePage.tsx +++ b/src/pages/HomePage.tsx @@ -18,33 +18,23 @@ export default function HomePage() { title="Dynamic Motion Graphics Designer" description="Bringing stories to life through captivating animation, visual effects, and bespoke motion design." primaryButton={{ - text: "View Portfolio", - href: "#portfolio", - }} + text: "View Portfolio", href: "#portfolio"}} secondaryButton={{ - text: "Get a Quote", - href: "#contact", - }} + text: "Get a Quote", href: "#contact"}} avatars={[ { - src: "http://img.b2bpic.net/free-photo/3d-rendering-collective-portrait-people_23-2150964658.jpg", - }, + src: "http://img.b2bpic.net/free-photo/3d-rendering-collective-portrait-people_23-2150964658.jpg"}, { - src: "http://img.b2bpic.net/free-photo/medium-shot-man-digital-art_23-2151197861.jpg", - }, + src: "http://img.b2bpic.net/free-photo/medium-shot-man-digital-art_23-2151197861.jpg"}, { - src: "http://img.b2bpic.net/free-vector/set-women-elegant-line-art-style_47987-3526.jpg", - }, + src: "http://img.b2bpic.net/free-vector/set-women-elegant-line-art-style_47987-3526.jpg"}, { - src: "http://img.b2bpic.net/free-photo/close-up-view-person-with-fluorescent-make-up_23-2148410135.jpg", - }, + src: "http://img.b2bpic.net/free-photo/close-up-view-person-with-fluorescent-make-up_23-2148410135.jpg"}, { - src: "http://img.b2bpic.net/free-vector/flat-design-geometric-pattern-illustration_23-2149935703.jpg", - }, + src: "http://img.b2bpic.net/free-vector/flat-design-geometric-pattern-illustration_23-2149935703.jpg"}, ]} avatarsLabel="Trusted by leading brands" imageSrc="http://img.b2bpic.net/free-photo/abstract-multicolored-water-splashing-black-backdrop_23-2147837298.jpg" - videoSrc="http://img.b2bpic.net/free-photo/half-rhino-half-robot-creature_23-2151730773.jpg" /> @@ -68,23 +58,11 @@ export default function HomePage() { description="Offering a full spectrum of services to meet your visual communication needs." items={[ { - title: "2D & 3D Animation", - description: "From character animation to complex 3D environments, bringing ideas to life.", - label: "Creative", - value: "Pixel-Perfect", - }, + title: "2D & 3D Animation", description: "From character animation to complex 3D environments, bringing ideas to life.", label: "Creative", value: "Pixel-Perfect"}, { - title: "Visual Effects (VFX)", - description: "Seamlessly integrating stunning visual effects to enhance storytelling.", - label: "Innovative", - value: "Impactful", - }, + title: "Visual Effects (VFX)", description: "Seamlessly integrating stunning visual effects to enhance storytelling.", label: "Innovative", value: "Impactful"}, { - title: "Brand & Explainer Videos", - description: "Crafting compelling narratives that communicate your message clearly.", - label: "Strategic", - value: "Engaging", - }, + title: "Brand & Explainer Videos", description: "Crafting compelling narratives that communicate your message clearly.", label: "Strategic", value: "Engaging"}, ]} /> @@ -98,41 +76,17 @@ export default function HomePage() { description="A selection of my recent works demonstrating versatility and creativity." products={[ { - name: "Corporate Explainer", - variant: "Brand Story", - price: "View Project", - imageSrc: "http://img.b2bpic.net/free-photo/young-female-logo-designer-working-graphic-tablet_23-2149119220.jpg", - }, + name: "Corporate Explainer", variant: "Brand Story", price: "View Project", imageSrc: "http://img.b2bpic.net/free-photo/young-female-logo-designer-working-graphic-tablet_23-2149119220.jpg"}, { - name: "Sci-Fi UI/UX", - variant: "Future Interfaces", - price: "View Project", - imageSrc: "http://img.b2bpic.net/free-photo/graphic-designer-photographer-collaborate-modern-studio_482257-126778.jpg", - }, + name: "Sci-Fi UI/UX", variant: "Future Interfaces", price: "View Project", imageSrc: "http://img.b2bpic.net/free-photo/graphic-designer-photographer-collaborate-modern-studio_482257-126778.jpg"}, { - name: "Music Visualizer", - variant: "Dynamic Audio", - price: "View Project", - imageSrc: "http://img.b2bpic.net/free-photo/vibrant-scene-from-techno-music-party_23-2150551541.jpg", - }, + name: "Music Visualizer", variant: "Dynamic Audio", price: "View Project", imageSrc: "http://img.b2bpic.net/free-photo/vibrant-scene-from-techno-music-party_23-2150551541.jpg"}, { - name: "Mobile App Intro", - variant: "User Experience", - price: "View Project", - imageSrc: "http://img.b2bpic.net/free-vector/people-virtual-window-frames-having-video-call-online-meeting-flat-vector-illustration-remote-job-online-conference-video-call-concept-banner-website-design-landing-web-page_74855-21820.jpg", - }, + name: "Mobile App Intro", variant: "User Experience", price: "View Project", imageSrc: "http://img.b2bpic.net/free-vector/people-virtual-window-frames-having-video-call-online-meeting-flat-vector-illustration-remote-job-online-conference-video-call-concept-banner-website-design-landing-web-page_74855-21820.jpg"}, { - name: "Film Title Sequence", - variant: "Cinematic Story", - price: "View Project", - imageSrc: "http://img.b2bpic.net/free-photo/hope-faith-imagine-mission-believe_53876-13923.jpg", - }, + name: "Film Title Sequence", variant: "Cinematic Story", price: "View Project", imageSrc: "http://img.b2bpic.net/free-photo/hope-faith-imagine-mission-believe_53876-13923.jpg"}, { - name: "Educational Animation", - variant: "Learning Content", - price: "View Project", - imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-computer-desk_23-2151004324.jpg", - }, + name: "Educational Animation", variant: "Learning Content", price: "View Project", imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-computer-desk_23-2151004324.jpg"}, ]} /> @@ -146,17 +100,11 @@ export default function HomePage() { description="Years of experience delivering exceptional results for diverse clients." metrics={[ { - value: "100+", - description: "Projects Completed", - }, + value: "100+", description: "Projects Completed"}, { - value: "10+", - description: "Years Experience", - }, + value: "10+", description: "Years Experience"}, { - value: "95%", - description: "Client Satisfaction", - }, + value: "95%", description: "Client Satisfaction"}, ]} /> @@ -170,35 +118,15 @@ export default function HomePage() { description="Trusted by brands worldwide for compelling motion graphics." testimonials={[ { - name: "Sarah J.", - role: "Marketing Director, TechCorp", - quote: "The motion graphics delivered by [Designer's Name] were outstanding. They perfectly captured our brand's essence and significantly boosted our campaign engagement.", - imageSrc: "http://img.b2bpic.net/free-photo/african-american-male-professional-works-desk-corporation_482257-122689.jpg", - }, + name: "Sarah J.", role: "Marketing Director, TechCorp", quote: "The motion graphics delivered by [Designer's Name] were outstanding. They perfectly captured our brand's essence and significantly boosted our campaign engagement.", imageSrc: "http://img.b2bpic.net/free-photo/african-american-male-professional-works-desk-corporation_482257-122689.jpg"}, { - name: "Michael C.", - role: "Product Lead, InnovateLab", - quote: "Working with [Designer's Name] was a game-changer. Their creative vision and technical skill transformed our product launch video into something truly spectacular.", - imageSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-holding-jacket-shoulder_1262-3853.jpg", - }, + name: "Michael C.", role: "Product Lead, InnovateLab", quote: "Working with [Designer's Name] was a game-changer. Their creative vision and technical skill transformed our product launch video into something truly spectacular.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-holding-jacket-shoulder_1262-3853.jpg"}, { - name: "Emily R.", - role: "CEO, GrowthCo", - quote: "Professional, punctual, and incredibly talented. [Designer's Name] understood our complex ideas and translated them into simple, beautiful animations.", - imageSrc: "http://img.b2bpic.net/free-photo/smiling-senior-engineer-solar-panels-plant-reading-documentation_482257-120499.jpg", - }, + name: "Emily R.", role: "CEO, GrowthCo", quote: "Professional, punctual, and incredibly talented. [Designer's Name] understood our complex ideas and translated them into simple, beautiful animations.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-senior-engineer-solar-panels-plant-reading-documentation_482257-120499.jpg"}, { - name: "David K.", - role: "Creative Director, AdVision", - quote: "The attention to detail and innovative approach to VFX were second to none. Our clients were thrilled with the final output. Highly recommend!", - imageSrc: "http://img.b2bpic.net/free-photo/portrait-festive-plump-male-eyeglasses-bow-tie-dark-grey-background_613910-13747.jpg", - }, + name: "David K.", role: "Creative Director, AdVision", quote: "The attention to detail and innovative approach to VFX were second to none. Our clients were thrilled with the final output. Highly recommend!", imageSrc: "http://img.b2bpic.net/free-photo/portrait-festive-plump-male-eyeglasses-bow-tie-dark-grey-background_613910-13747.jpg"}, { - name: "Jessica L.", - role: "Founder, StartupXYZ", - quote: "From concept development to final delivery, the process was smooth and the results exceeded our expectations. Truly a master of motion design.", - imageSrc: "http://img.b2bpic.net/free-photo/man-smiling-with-hands-hips-gray-background_1187-3016.jpg", - }, + name: "Jessica L.", role: "Founder, StartupXYZ", quote: "From concept development to final delivery, the process was smooth and the results exceeded our expectations. Truly a master of motion design.", imageSrc: "http://img.b2bpic.net/free-photo/man-smiling-with-hands-hips-gray-background_1187-3016.jpg"}, ]} /> @@ -211,14 +139,7 @@ export default function HomePage() { title="Collaborating with Visionaries" description="Proud to have worked with leading agencies and brands." names={[ - "AssetForge Studios", - "Visual Sync Agency", - "Dynamic Brand Co.", - "FutureScape Media", - "PixelPulse Creative", - "InnovateWorks", - "Global Motion Lab", - ]} + "AssetForge Studios", "Visual Sync Agency", "Dynamic Brand Co.", "FutureScape Media", "PixelPulse Creative", "InnovateWorks", "Global Motion Lab"]} /> @@ -231,27 +152,16 @@ export default function HomePage() { description="Let's discuss your next motion graphics project. Fill out the form below or reach out directly." inputs={[ { - name: "name", - type: "text", - placeholder: "Your Name", - required: true, + name: "name", type: "text", placeholder: "Your Name", required: true, }, { - name: "email", - type: "email", - placeholder: "Your Email", - required: true, + name: "email", type: "email", placeholder: "Your Email", required: true, }, { - name: "subject", - type: "text", - placeholder: "Project Subject", - }, + name: "subject", type: "text", placeholder: "Project Subject"}, ]} textarea={{ - name: "message", - placeholder: "Tell me about your project...", - rows: 5, + name: "message", placeholder: "Tell me about your project...", rows: 5, required: true, }} buttonText="Send Message"