Merge version_2 into main #4
1429
src/app/layout.tsx
1429
src/app/layout.tsx
File diff suppressed because it is too large
Load Diff
@@ -53,19 +53,19 @@ export default function LandingPage() {
|
||||
buttonAnimation="slide-up"
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-working-together-animation-studio_23-2149207979.jpg?_wi=1", imageAlt: "Portfolio project one"
|
||||
imageSrc: "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='400' height='300'%3E%3Crect fill='%23e0e7ff' width='400' height='300'/%3E%3Ctext x='50%' y='50%' text-anchor='middle' dy='.3em' font-family='sans-serif' font-size='24' fill='%236366f1'%3ECreative Collaboration%3C/text%3E%3C/svg%3E", imageAlt: "Portfolio project one"
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-working-as-interior-designer_23-2150346498.jpg?_wi=1", imageAlt: "Portfolio project two"
|
||||
imageSrc: "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='400' height='300'%3E%3Crect fill='%23fce7f3' width='400' height='300'/%3E%3Ctext x='50%' y='50%' text-anchor='middle' dy='.3em' font-family='sans-serif' font-size='24' fill='%23ec4899'%3EDesign Excellence%3C/text%3E%3C/svg%3E", imageAlt: "Portfolio project two"
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-device-table_23-2150994346.jpg?_wi=1", imageAlt: "Portfolio project three"
|
||||
imageSrc: "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='400' height='300'%3E%3Crect fill='%23dcfce7' width='400' height='300'/%3E%3Ctext x='50%' y='50%' text-anchor='middle' dy='.3em' font-family='sans-serif' font-size='24' fill='%2322c55e'%3EInnovation%3C/text%3E%3C/svg%3E", imageAlt: "Portfolio project three"
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/amazing-beautiful-sky-with-clouds_58702-5793.jpg?_wi=1", imageAlt: "Creative hero banner"
|
||||
imageSrc: "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='400' height='300'%3E%3Crect fill='%23dbeafe' width='400' height='300'/%3E%3Ctext x='50%' y='50%' text-anchor='middle' dy='.3em' font-family='sans-serif' font-size='24' fill='%233b82f6'%3ECreativity Unleashed%3C/text%3E%3C/svg%3E", imageAlt: "Creative hero banner"
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-is-working-desk-with-laptop-front-her-office-setting_1258-296437.jpg?_wi=1", imageAlt: "About section image"
|
||||
imageSrc: "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='400' height='300'%3E%3Crect fill='%23fef3c7' width='400' height='300'/%3E%3Ctext x='50%' y='50%' text-anchor='middle' dy='.3em' font-family='sans-serif' font-size='24' fill='%23d97706'%3EVisionary Design%3C/text%3E%3C/svg%3E", imageAlt: "About section image"
|
||||
},
|
||||
]}
|
||||
/>
|
||||
@@ -81,7 +81,7 @@ export default function LandingPage() {
|
||||
{ value: "50+", title: "Projects Completed" },
|
||||
{ value: "5+", title: "Years Experience" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/woman-is-working-desk-with-laptop-front-her-office-setting_1258-296437.jpg?_wi=2"
|
||||
imageSrc="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='600' height='400'%3E%3Crect fill='%23f3e8ff' width='600' height='400'/%3E%3Ccircle cx='300' cy='200' r='100' fill='%23a78bfa'/%3E%3Ctext x='300' y='200' text-anchor='middle' dy='.3em' font-family='sans-serif' font-size='18' fill='white' font-weight='bold'%3EAbout Me%3C/text%3E%3C/svg%3E"
|
||||
imageAlt="About me image"
|
||||
mediaAnimation="slide-up"
|
||||
metricsAnimation="slide-up"
|
||||
@@ -98,16 +98,16 @@ export default function LandingPage() {
|
||||
tagAnimation="slide-up"
|
||||
features={[
|
||||
{
|
||||
id: "1", title: "Brand Identity Design", description: "Complete visual identity system including logo, color palette, typography, and brand guidelines for a luxury lifestyle brand.", imageSrc: "http://img.b2bpic.net/free-photo/people-working-together-animation-studio_23-2149207979.jpg?_wi=2", imageAlt: "Brand identity project"
|
||||
id: "1", title: "Brand Identity Design", description: "Complete visual identity system including logo, color palette, typography, and brand guidelines for a luxury lifestyle brand.", imageSrc: "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='500' height='400'%3E%3Crect fill='%23fce7f3' width='500' height='400'/%3E%3Crect x='100' y='100' width='300' height='200' fill='%23ec4899'/%3E%3Ctext x='250' y='200' text-anchor='middle' dy='.3em' font-family='sans-serif' font-size='20' fill='white' font-weight='bold'%3EBrand Identity%3C/text%3E%3C/svg%3E", imageAlt: "Brand identity project"
|
||||
},
|
||||
{
|
||||
id: "2", title: "UI/UX Design System", description: "Comprehensive design system with reusable components, patterns, and documentation for a SaaS platform serving 100k+ users.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-working-as-interior-designer_23-2150346498.jpg?_wi=2", imageAlt: "UI/UX design system"
|
||||
id: "2", title: "UI/UX Design System", description: "Comprehensive design system with reusable components, patterns, and documentation for a SaaS platform serving 100k+ users.", imageSrc: "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='500' height='400'%3E%3Crect fill='%23dbeafe' width='500' height='400'/%3E%3Crect x='80' y='80' width='340' height='240' fill='none' stroke='%233b82f6' stroke-width='4'/%3E%3Ctext x='250' y='200' text-anchor='middle' dy='.3em' font-family='sans-serif' font-size='20' fill='%233b82f6' font-weight='bold'%3EUI/UX System%3C/text%3E%3C/svg%3E", imageAlt: "UI/UX design system"
|
||||
},
|
||||
{
|
||||
id: "3", title: "Digital Illustration", description: "Custom illustration series combining hand-drawn elements with digital techniques for editorial and commercial projects.", imageSrc: "http://img.b2bpic.net/free-photo/still-life-device-table_23-2150994346.jpg?_wi=2", imageAlt: "Digital illustration work"
|
||||
id: "3", title: "Digital Illustration", description: "Custom illustration series combining hand-drawn elements with digital techniques for editorial and commercial projects.", imageSrc: "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='500' height='400'%3E%3Crect fill='%23dcfce7' width='500' height='400'/%3E%3Ccircle cx='200' cy='150' r='60' fill='%2322c55e'/%3E%3Ccircle cx='350' cy='250' r='50' fill='%2384cc16'/%3E%3Ctext x='250' y='200' text-anchor='middle' dy='.3em' font-family='sans-serif' font-size='20' fill='%23166534' font-weight='bold'%3EIllustration%3C/text%3E%3C/svg%3E", imageAlt: "Digital illustration work"
|
||||
},
|
||||
{
|
||||
id: "4", title: "Website Design", description: "Modern, responsive website design balancing aesthetics with performance, optimized for conversion and user engagement.", imageSrc: "http://img.b2bpic.net/free-photo/amazing-beautiful-sky-with-clouds_58702-5793.jpg?_wi=2", imageAlt: "Website design project"
|
||||
id: "4", title: "Website Design", description: "Modern, responsive website design balancing aesthetics with performance, optimized for conversion and user engagement.", imageSrc: "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='500' height='400'%3E%3Crect fill='%23fef3c7' width='500' height='400'/%3E%3Crect x='75' y='60' width='350' height='280' fill='white' stroke='%23d97706' stroke-width='3'/%3E%3Ctext x='250' y='200' text-anchor='middle' dy='.3em' font-family='sans-serif' font-size='20' fill='%23d97706' font-weight='bold'%3EWebsite Design%3C/text%3E%3C/svg%3E", imageAlt: "Website design project"
|
||||
},
|
||||
]}
|
||||
gridVariant="bento-grid"
|
||||
@@ -126,22 +126,22 @@ export default function LandingPage() {
|
||||
tagAnimation="slide-up"
|
||||
features={[
|
||||
{
|
||||
id: "1", title: "Visual Design", description: "Expert in creating visually compelling designs that capture attention and communicate brand messages effectively across all mediums.", imageSrc: "http://img.b2bpic.net/free-photo/people-working-together-animation-studio_23-2149207979.jpg?_wi=3", imageAlt: "Visual design skill"
|
||||
id: "1", title: "Visual Design", description: "Expert in creating visually compelling designs that capture attention and communicate brand messages effectively across all mediums.", imageSrc: "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='400' height='400'%3E%3Crect fill='%23f3e8ff' width='400' height='400'/%3E%3Crect x='60' y='60' width='280' height='280' fill='%23a78bfa'/%3E%3Ctext x='200' y='200' text-anchor='middle' dy='.3em' font-family='sans-serif' font-size='18' fill='white' font-weight='bold'%3EVisual Design%3C/text%3E%3C/svg%3E", imageAlt: "Visual design skill"
|
||||
},
|
||||
{
|
||||
id: "2", title: "User Experience", description: "Designing intuitive, accessible experiences by understanding user needs and creating interfaces that delight and engage.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-working-as-interior-designer_23-2150346498.jpg?_wi=3", imageAlt: "UX design skill"
|
||||
id: "2", title: "User Experience", description: "Designing intuitive, accessible experiences by understanding user needs and creating interfaces that delight and engage.", imageSrc: "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='400' height='400'%3E%3Crect fill='%23fce7f3' width='400' height='400'/%3E%3Cpath d='M 200 80 L 280 160 L 280 320 L 120 320 L 120 160 Z' fill='%23ec4899'/%3E%3Ctext x='200' y='200' text-anchor='middle' dy='.3em' font-family='sans-serif' font-size='18' fill='white' font-weight='bold'%3EUXD%3C/text%3E%3C/svg%3E", imageAlt: "UX design skill"
|
||||
},
|
||||
{
|
||||
id: "3", title: "Branding", description: "Developing comprehensive brand identities that resonate with target audiences and create lasting emotional connections.", imageSrc: "http://img.b2bpic.net/free-photo/still-life-device-table_23-2150994346.jpg?_wi=3", imageAlt: "Branding expertise"
|
||||
id: "3", title: "Branding", description: "Developing comprehensive brand identities that resonate with target audiences and create lasting emotional connections.", imageSrc: "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='400' height='400'%3E%3Crect fill='%23dbeafe' width='400' height='400'/%3E%3Cpolygon points='200,80 320,160 280,300 120,300 80,160' fill='%233b82f6'/%3E%3Ctext x='200' y='200' text-anchor='middle' dy='.3em' font-family='sans-serif' font-size='18' fill='white' font-weight='bold'%3EBranding%3C/text%3E%3C/svg%3E", imageAlt: "Branding expertise"
|
||||
},
|
||||
{
|
||||
id: "4", title: "Digital Illustration", description: "Creating custom illustrations and visual assets that add personality and uniqueness to projects and campaigns.", imageSrc: "http://img.b2bpic.net/free-photo/amazing-beautiful-sky-with-clouds_58702-5793.jpg?_wi=3", imageAlt: "Illustration skill"
|
||||
id: "4", title: "Digital Illustration", description: "Creating custom illustrations and visual assets that add personality and uniqueness to projects and campaigns.", imageSrc: "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='400' height='400'%3E%3Crect fill='%23dcfce7' width='400' height='400'/%3E%3Ccircle cx='120' cy='120' r='50' fill='%2322c55e'/%3E%3Ccircle cx='280' cy='120' r='50' fill='%2384cc16'/%3E%3Ccircle cx='200' cy='260' r='50' fill='%23bfdbfe'/%3E%3Ctext x='200' y='200' text-anchor='middle' dy='.3em' font-family='sans-serif' font-size='16' fill='%23166534' font-weight='bold'%3EIllustration%3C/text%3E%3C/svg%3E", imageAlt: "Illustration skill"
|
||||
},
|
||||
{
|
||||
id: "5", title: "Design Systems", description: "Building scalable design systems and component libraries that ensure consistency and accelerate development processes.", imageSrc: "http://img.b2bpic.net/free-photo/woman-is-working-desk-with-laptop-front-her-office-setting_1258-296437.jpg?_wi=3", imageAlt: "Design systems"
|
||||
id: "5", title: "Design Systems", description: "Building scalable design systems and component libraries that ensure consistency and accelerate development processes.", imageSrc: "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='400' height='400'%3E%3Crect fill='%23fef3c7' width='400' height='400'/%3E%3Crect x='80' y='80' width='80' height='80' fill='%23fbbf24'/%3E%3Crect x='170' y='80' width='80' height='80' fill='%23f59e0b'/%3E%3Crect x='260' y='80' width='60' height='80' fill='%23d97706'/%3E%3Crect x='80' y='170' width='80' height='80' fill='%23fbbf24'/%3E%3Crect x='170' y='170' width='80' height='80' fill='%23f59e0b'/%3E%3Crect x='80' y='260' width='240' height='60' fill='%23d97706'/%3E%3Ctext x='200' y='300' text-anchor='middle' font-family='sans-serif' font-size='14' fill='%23fff' font-weight='bold'%3EDesign Systems%3C/text%3E%3C/svg%3E", imageAlt: "Design systems"
|
||||
},
|
||||
{
|
||||
id: "6", title: "Motion Design", description: "Crafting smooth, purposeful animations that enhance user experience and bring designs to life with elegant motion.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-young-businesswoman_329181-11388.jpg?_wi=1", imageAlt: "Motion design skill"
|
||||
id: "6", title: "Motion Design", description: "Crafting smooth, purposeful animations that enhance user experience and bring designs to life with elegant motion.", imageSrc: "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='400' height='400'%3E%3Crect fill='%23f0f9ff' width='400' height='400'/%3E%3Cpath d='M 100 200 Q 200 100 300 200 T 500 200' stroke='%230284c7' stroke-width='4' fill='none'/%3E%3Ccircle cx='100' cy='200' r='8' fill='%230284c7'/%3E%3Ccircle cx='300' cy='200' r='8' fill='%230284c7'/%3E%3Ctext x='200' y='320' text-anchor='middle' font-family='sans-serif' font-size='18' fill='%230284c7' font-weight='bold'%3EMotion Design%3C/text%3E%3C/svg%3E", imageAlt: "Motion design skill"
|
||||
},
|
||||
]}
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
@@ -161,19 +161,19 @@ export default function LandingPage() {
|
||||
testimonials={[
|
||||
{
|
||||
id: "1", name: "Sarah Mitchell", role: "Marketing Director", company: "Creative Studios", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-young-businesswoman_329181-11388.jpg?_wi=2", imageAlt: "Sarah Mitchell"
|
||||
imageSrc: "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Ccircle cx='100' cy='100' r='100' fill='%23ec4899'/%3E%3Ccircle cx='70' cy='80' r='15' fill='white'/%3E%3Ccircle cx='130' cy='80' r='15' fill='white'/%3E%3Cpath d='M 70 120 Q 100 140 130 120' stroke='white' stroke-width='3' fill='none'/%3E%3Ctext x='100' y='180' text-anchor='middle' font-family='sans-serif' font-size='14' fill='white' font-weight='bold'%3ESarah%3C/text%3E%3C/svg%3E", imageAlt: "Sarah Mitchell"
|
||||
},
|
||||
{
|
||||
id: "2", name: "James Chen", role: "Founder & CEO", company: "Tech Innovations", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-business-woman-suit_23-2148603018.jpg", imageAlt: "James Chen"
|
||||
imageSrc: "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Ccircle cx='100' cy='100' r='100' fill='%233b82f6'/%3E%3Ccircle cx='70' cy='80' r='15' fill='white'/%3E%3Ccircle cx='130' cy='80' r='15' fill='white'/%3E%3Cpath d='M 70 120 Q 100 140 130 120' stroke='white' stroke-width='3' fill='none'/%3E%3Ctext x='100' y='180' text-anchor='middle' font-family='sans-serif' font-size='14' fill='white' font-weight='bold'%3EJames%3C/text%3E%3C/svg%3E", imageAlt: "James Chen"
|
||||
},
|
||||
{
|
||||
id: "3", name: "Emma Rodriguez", role: "Creative Lead", company: "Design Co.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-young-businesswoman-smiling-camera_74855-4022.jpg", imageAlt: "Emma Rodriguez"
|
||||
imageSrc: "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Ccircle cx='100' cy='100' r='100' fill='%2322c55e'/%3E%3Ccircle cx='70' cy='80' r='15' fill='white'/%3E%3Ccircle cx='130' cy='80' r='15' fill='white'/%3E%3Cpath d='M 70 120 Q 100 140 130 120' stroke='white' stroke-width='3' fill='none'/%3E%3Ctext x='100' y='180' text-anchor='middle' font-family='sans-serif' font-size='14' fill='white' font-weight='bold'%3EEmma%3C/text%3E%3C/svg%3E", imageAlt: "Emma Rodriguez"
|
||||
},
|
||||
{
|
||||
id: "4", name: "Marcus Thompson", role: "Product Manager", company: "Digital Ventures", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-happy-middle-aged-business-leader_1262-4823.jpg", imageAlt: "Marcus Thompson"
|
||||
imageSrc: "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Ccircle cx='100' cy='100' r='100' fill='%23f59e0b'/%3E%3Ccircle cx='70' cy='80' r='15' fill='white'/%3E%3Ccircle cx='130' cy='80' r='15' fill='white'/%3E%3Cpath d='M 70 120 Q 100 140 130 120' stroke='white' stroke-width='3' fill='none'/%3E%3Ctext x='100' y='180' text-anchor='middle' font-family='sans-serif' font-size='14' fill='white' font-weight='bold'%3EMarcus%3C/text%3E%3C/svg%3E", imageAlt: "Marcus Thompson"
|
||||
},
|
||||
]}
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
|
||||
Reference in New Issue
Block a user