From 3b12e52d8ec588b1ddd3673eb0dca43845cee60d Mon Sep 17 00:00:00 2001 From: bender Date: Wed, 22 Apr 2026 12:43:01 +0000 Subject: [PATCH] Update src/app/page.tsx --- src/app/page.tsx | 437 ++++++++--------------------------------------- 1 file changed, 68 insertions(+), 369 deletions(-) diff --git a/src/app/page.tsx b/src/app/page.tsx index 339fb1c..19ebc44 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -31,31 +31,14 @@ export default function LandingPage() { @@ -63,121 +46,43 @@ export default function LandingPage() {
@@ -187,14 +92,7 @@ export default function LandingPage() { textboxLayout="default" useInvertedBackground={true} names={[ - "Microsoft", - "Google", - "Amazon", - "Apple", - "Meta", - "Adobe", - "Shopify", - ]} + "Microsoft", "Google", "Amazon", "Apple", "Meta", "Adobe", "Shopify"]} title="Trusted by growing brands" description="I work with businesses of all sizes to deliver high-converting digital solutions." /> @@ -206,50 +104,10 @@ export default function LandingPage() { textboxLayout="default" useInvertedBackground={false} features={[ - { - id: "s1", - title: "Web Design", - author: "High-End UX", - description: "Beautiful layouts designed for user conversion.", - tags: [ - "Figma", - "UI/UX", - ], - imageSrc: "http://img.b2bpic.net/free-photo/outline-responsive-design_1134-80.jpg", - }, - { - id: "s2", - title: "Frontend Development", - author: "React & Next.js", - description: "High-performance web applications built with React.", - tags: [ - "React", - "JS", - ], - imageSrc: "http://img.b2bpic.net/free-photo/top-view-workplace-night-study-work-late-evening_169016-18177.jpg", - }, - { - id: "s3", - title: "Animated Websites", - author: "GSAP/Framer", - description: "Stunning animations for premium user experiences.", - tags: [ - "Motion", - "GSAP", - ], - imageSrc: "http://img.b2bpic.net/free-photo/abstract-panoramic-neon-background_1048-15914.jpg", - }, - { - id: "s4", - title: "UI/UX Design", - author: "Research-Based", - description: "User-centered design that delivers real results.", - tags: [ - "UX", - "Strategy", - ], - imageSrc: "http://img.b2bpic.net/free-photo/female-web-designer-taking-notes-office_23-2149749916.jpg", - }, + { id: "s1", title: "Web Design", author: "High-End UX", description: "Beautiful layouts designed for user conversion.", tags: ["Figma", "UI/UX"], imageSrc: "http://img.b2bpic.net/free-photo/outline-responsive-design_1134-80.jpg" }, + { id: "s2", title: "Frontend Development", author: "React & Next.js", description: "High-performance web applications built with React.", tags: ["React", "JS"], imageSrc: "http://img.b2bpic.net/free-photo/top-view-workplace-night-study-work-late-evening_169016-18177.jpg" }, + { id: "s3", title: "Animated Websites", author: "GSAP/Framer", description: "Stunning animations for premium user experiences.", tags: ["Motion", "GSAP"], imageSrc: "http://img.b2bpic.net/free-photo/abstract-panoramic-neon-background_1048-15914.jpg" }, + { id: "s4", title: "UI/UX Design", author: "Research-Based", description: "User-centered design that delivers real results.", tags: ["UX", "Strategy"], imageSrc: "http://img.b2bpic.net/free-photo/female-web-designer-taking-notes-office_23-2149749916.jpg" }, ]} title="My Expert Services" description="Building digital experiences that drive growth and engagement." @@ -260,50 +118,15 @@ export default function LandingPage() { @@ -327,26 +148,10 @@ export default function LandingPage() { title="Why Choose Me" tag="Expertise" metrics={[ - { - id: "m1", - value: "100%", - description: "Fast Delivery", - }, - { - id: "m2", - value: "Modern", - description: "Design Standard", - }, - { - id: "m3", - value: "Fluid", - description: "Responsive Code", - }, - { - id: "m4", - value: "Clean", - description: "Scalable Codebase", - }, + { id: "m1", value: "100%", description: "Fast Delivery" }, + { id: "m2", value: "Modern", description: "Design Standard" }, + { id: "m3", value: "Fluid", description: "Responsive Code" }, + { id: "m4", value: "Clean", description: "Scalable Codebase" }, ]} metricsAnimation="slide-up" /> @@ -358,46 +163,10 @@ export default function LandingPage() { textboxLayout="default" useInvertedBackground={false} features={[ - { - id: "f1", - title: "Discussion", - author: "Step 01", - description: "Understanding your needs and business goals.", - tags: [ - "Strategy", - ], - imageSrc: "http://img.b2bpic.net/free-vector/smart-home-management_52683-43939.jpg", - }, - { - id: "f2", - title: "Design", - author: "Step 02", - description: "Creating visually stunning design concepts.", - tags: [ - "Design", - ], - imageSrc: "http://img.b2bpic.net/free-photo/man-designing-websites-high-angle_23-2149930945.jpg", - }, - { - id: "f3", - title: "Development", - author: "Step 03", - description: "Coding your project with high-performance standards.", - tags: [ - "React", - ], - imageSrc: "http://img.b2bpic.net/free-photo/closeup-black-freelance-developer-using-desktop-monitor_482257-131138.jpg", - }, - { - id: "f4", - title: "Delivery", - author: "Step 04", - description: "Quality assurance and final project delivery.", - tags: [ - "Launch", - ], - imageSrc: "http://img.b2bpic.net/free-photo/video-editor-content-creator-filming-tutorial-about-professionally-editing-footage_482257-82231.jpg", - }, + { id: "f1", title: "Discussion", author: "Step 01", description: "Understanding your needs and business goals.", tags: ["Strategy"], imageSrc: "http://img.b2bpic.net/free-vector/smart-home-management_52683-43939.jpg" }, + { id: "f2", title: "Design", author: "Step 02", description: "Creating visually stunning design concepts.", tags: ["Design"], imageSrc: "http://img.b2bpic.net/free-photo/man-designing-websites-high-angle_23-2149930945.jpg" }, + { id: "f3", title: "Development", author: "Step 03", description: "Coding your project with high-performance standards.", tags: ["React"], imageSrc: "http://img.b2bpic.net/free-photo/closeup-black-freelance-developer-using-desktop-monitor_482257-131138.jpg" }, + { id: "f4", title: "Delivery", author: "Step 04", description: "Quality assurance and final project delivery.", tags: ["Launch"], imageSrc: "http://img.b2bpic.net/free-photo/video-editor-content-creator-filming-tutorial-about-professionally-editing-footage_482257-82231.jpg" }, ]} title="My Development Process" description="A clear, collaborative 4-step workflow to ensure project success." @@ -411,46 +180,11 @@ export default function LandingPage() { gridVariant="uniform-all-items-equal" useInvertedBackground={true} testimonials={[ - { - id: "t1", - name: "Sarah Johnson", - role: "CEO", - company: "TechCorp", - rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/blurred-corridor-with-plants_1203-660.jpg", - }, - { - id: "t2", - name: "Michael Chen", - role: "CTO", - company: "InnovateLab", - rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/portrait-jolly-media-star-telling-viewers-facts-about-himself-close-up_482257-116639.jpg", - }, - { - id: "t3", - name: "Emily Rodriguez", - role: "Marketing Director", - company: "GrowthCo", - rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/serious-beautiful-middle-aged-business-woman_1262-3072.jpg", - }, - { - id: "t4", - name: "David Kim", - role: "Product Manager", - company: "StartupXYZ", - rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/minimalist-spacious-interior-design_23-2150378906.jpg", - }, - { - id: "t5", - name: "Jane Doe", - role: "Creative Director", - company: "DesignCo", - rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/black-white-analog-portrait-handsome-man-posing-artistically-outdoors_23-2149630145.jpg", - }, + { id: "t1", name: "Sarah Johnson", role: "CEO", company: "TechCorp", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/blurred-corridor-with-plants_1203-660.jpg" }, + { id: "t2", name: "Michael Chen", role: "CTO", company: "InnovateLab", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-jolly-media-star-telling-viewers-facts-about-himself-close-up_482257-116639.jpg" }, + { id: "t3", name: "Emily Rodriguez", role: "Marketing Director", company: "GrowthCo", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/serious-beautiful-middle-aged-business-woman_1262-3072.jpg" }, + { id: "t4", name: "David Kim", role: "Product Manager", company: "StartupXYZ", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/minimalist-spacious-interior-design_23-2150378906.jpg" }, + { id: "t5", name: "Jane Doe", role: "Creative Director", company: "DesignCo", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/black-white-analog-portrait-handsome-man-posing-artistically-outdoors_23-2149630145.jpg" }, ]} title="Client Reviews" description="What my clients have to say about working together." @@ -463,25 +197,10 @@ export default function LandingPage() { title="Ready to build your website?" description="Let's connect and start working on your next big project." inputs={[ - { - name: "name", - type: "text", - placeholder: "Name", - required: true, - }, - { - name: "email", - type: "email", - placeholder: "Email", - required: true, - }, + { name: "name", type: "text", placeholder: "Name", required: true }, + { name: "email", type: "email", placeholder: "Email", required: true }, ]} - textarea={{ - name: "message", - placeholder: "Your message", - rows: 4, - required: true, - }} + textarea={{ name: "message", placeholder: "Your message", rows: 4, required: true }} imageSrc="http://img.b2bpic.net/free-photo/young-man-woman-making-funny-faces-while-taking-selfies-party-with-neon-lights-smoke_482257-29540.jpg" /> @@ -490,37 +209,17 @@ export default function LandingPage() {