From 31036578b723f0e2eeea9645af245cd871581712 Mon Sep 17 00:00:00 2001 From: bender Date: Mon, 8 Jun 2026 09:57:19 +0000 Subject: [PATCH] Update src/app/page.tsx --- src/app/page.tsx | 337 +++++++++++------------------------------------ 1 file changed, 75 insertions(+), 262 deletions(-) diff --git a/src/app/page.tsx b/src/app/page.tsx index 600537d..6243a06 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -33,33 +33,19 @@ export default function LandingPage() { @@ -68,20 +54,15 @@ export default function LandingPage() {
@@ -172,29 +128,11 @@ export default function LandingPage() { useInvertedBackground={false} features={[ { - tag: "Development", - title: "Custom Web Application Development", - subtitle: "Building robust and scalable web applications tailored to your business needs.", - description: "From complex enterprise solutions to innovative startup MVPs, we craft high-performance applications with cutting-edge technologies.", - imageSrc: "http://img.b2bpic.net/free-photo/modern-office-desk-composition-with-technological-device_23-2147916743.jpg", - imageAlt: "Responsive website design across devices", - }, + tag: "Development", title: "Custom Web Application Development", subtitle: "Building robust and scalable web applications tailored to your business needs.", description: "From complex enterprise solutions to innovative startup MVPs, we craft high-performance applications with cutting-edge technologies.", imageSrc: "http://img.b2bpic.net/free-photo/modern-office-desk-composition-with-technological-device_23-2147916743.jpg", imageAlt: "Responsive website design across devices"}, { - tag: "Performance", - title: "Optimized Backend & API Services", - subtitle: "Ensuring your applications are fast, secure, and ready for high traffic.", - description: "We design and implement efficient backend systems and powerful APIs that serve as the backbone for your web applications, focusing on reliability and speed.", - imageSrc: "http://img.b2bpic.net/free-photo/silhouette-business-person-typing_53876-42735.jpg", - imageAlt: "Optimized code snippet on a dark terminal", - }, + tag: "Performance", title: "Optimized Backend & API Services", subtitle: "Ensuring your applications are fast, secure, and ready for high traffic.", description: "We design and implement efficient backend systems and powerful APIs that serve as the backbone for your web applications, focusing on reliability and speed.", imageSrc: "http://img.b2bpic.net/free-photo/silhouette-business-person-typing_53876-42735.jpg", imageAlt: "Optimized code snippet on a dark terminal"}, { - tag: "Deployment", - title: "Cloud Infrastructure & DevOps", - subtitle: "Streamlining deployment and ensuring seamless operations.", - description: "Leverage the power of cloud platforms and modern DevOps practices for continuous integration, delivery, and robust infrastructure management.", - imageSrc: "http://img.b2bpic.net/free-photo/technology-background-texture_23-2148105487.jpg", - imageAlt: "Server rack with glowing lights in a data center", - }, + tag: "Deployment", title: "Cloud Infrastructure & DevOps", subtitle: "Streamlining deployment and ensuring seamless operations.", description: "Leverage the power of cloud platforms and modern DevOps practices for continuous integration, delivery, and robust infrastructure management.", imageSrc: "http://img.b2bpic.net/free-photo/technology-background-texture_23-2148105487.jpg", imageAlt: "Server rack with glowing lights in a data center"}, ]} title="Comprehensive Web Development Services" description="We offer a full spectrum of services to bring your digital vision to life, from initial concept to deployment and beyond." @@ -209,65 +147,23 @@ export default function LandingPage() { useInvertedBackground={true} products={[ { - id: "1", - brand: "E-Commerce", - name: "Online Retail Platform", - price: "Custom", - rating: 5, - reviewCount: "25 reviews", - imageSrc: "http://img.b2bpic.net/free-photo/still-life-fashion-designer-s-office_23-2150543698.jpg", - imageAlt: "e-commerce product page modern", - }, + id: "1", brand: "E-Commerce", name: "Online Retail Platform", price: "Custom", rating: 5, + reviewCount: "25 reviews", imageSrc: "http://img.b2bpic.net/free-photo/still-life-fashion-designer-s-office_23-2150543698.jpg", imageAlt: "e-commerce product page modern"}, { - id: "2", - brand: "SaaS", - name: "Analytics Dashboard App", - price: "Custom", - rating: 5, - reviewCount: "18 reviews", - imageSrc: "http://img.b2bpic.net/free-photo/closeup-african-american-entrepreneur-analyzing-company-profit_482257-20207.jpg", - imageAlt: "saas analytics dashboard modern ui", - }, + id: "2", brand: "SaaS", name: "Analytics Dashboard App", price: "Custom", rating: 5, + reviewCount: "18 reviews", imageSrc: "http://img.b2bpic.net/free-photo/closeup-african-american-entrepreneur-analyzing-company-profit_482257-20207.jpg", imageAlt: "saas analytics dashboard modern ui"}, { - id: "3", - brand: "Content", - name: "Modern Blog & Publishing Site", - price: "Custom", - rating: 4, - reviewCount: "12 reviews", - imageSrc: "http://img.b2bpic.net/free-photo/mysterious-word-faded-shadow-font-typography-illustration_53876-129893.jpg", - imageAlt: "content marketing blog website design", - }, + id: "3", brand: "Content", name: "Modern Blog & Publishing Site", price: "Custom", rating: 4, + reviewCount: "12 reviews", imageSrc: "http://img.b2bpic.net/free-photo/mysterious-word-faded-shadow-font-typography-illustration_53876-129893.jpg", imageAlt: "content marketing blog website design"}, { - id: "4", - brand: "Marketing", - name: "High-Converting Landing Page", - price: "Custom", - rating: 5, - reviewCount: "30 reviews", - imageSrc: "http://img.b2bpic.net/free-vector/flat-design-online-college-sale-banner-template_23-2150588721.jpg", - imageAlt: "digital product landing page responsive", - }, + id: "4", brand: "Marketing", name: "High-Converting Landing Page", price: "Custom", rating: 5, + reviewCount: "30 reviews", imageSrc: "http://img.b2bpic.net/free-vector/flat-design-online-college-sale-banner-template_23-2150588721.jpg", imageAlt: "digital product landing page responsive"}, { - id: "5", - brand: "Portfolio", - name: "Creative Agency Portfolio", - price: "Custom", - rating: 5, - reviewCount: "22 reviews", - imageSrc: "http://img.b2bpic.net/free-photo/public-examination-preparation-concept_23-2149369869.jpg", - imageAlt: "creative portfolio website design elegant", - }, + id: "5", brand: "Portfolio", name: "Creative Agency Portfolio", price: "Custom", rating: 5, + reviewCount: "22 reviews", imageSrc: "http://img.b2bpic.net/free-photo/public-examination-preparation-concept_23-2149369869.jpg", imageAlt: "creative portfolio website design elegant"}, { - id: "6", - brand: "Mobile App", - name: "Intuitive Mobile Application", - price: "Custom", - rating: 4, - reviewCount: "15 reviews", - imageSrc: "http://img.b2bpic.net/free-photo/close-up-male-hand-holding-smartphone-with-black-friday-discount-coupon-while-paying-purchases-checkout-cashier-scanning-promotional-promo-code-displayed-consumer-mobile-device_482257-69278.jpg", - imageAlt: "mobile application ui ux design", - }, + id: "6", brand: "Mobile App", name: "Intuitive Mobile Application", price: "Custom", rating: 4, + reviewCount: "15 reviews", imageSrc: "http://img.b2bpic.net/free-photo/close-up-male-hand-holding-smartphone-with-black-friday-discount-coupon-while-paying-purchases-checkout-cashier-scanning-promotional-promo-code-displayed-consumer-mobile-device_482257-69278.jpg", imageAlt: "mobile application ui ux design"}, ]} title="Our Recent Web Development Projects" description="Explore a selection of our successful projects, showcasing our expertise in various industries and technologies." @@ -281,64 +177,28 @@ export default function LandingPage() { useInvertedBackground={false} testimonials={[ { - id: "1", - name: "Sarah Johnson", - role: "CEO", - company: "InnovateCorp", - rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/close-up-successful-entrepreneur_1098-3855.jpg", - imageAlt: "female CEO headshot professional", - }, + id: "1", name: "Sarah Johnson", role: "CEO", company: "InnovateCorp", rating: 5, + imageSrc: "http://img.b2bpic.net/free-photo/close-up-successful-entrepreneur_1098-3855.jpg", imageAlt: "female CEO headshot professional"}, { - id: "2", - name: "Michael Chen", - role: "CTO", - company: "TechFusion", - rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/disabled-business-manager-wheelchair-looking-tired-front_482257-2229.jpg", - imageAlt: "male CTO headshot confident", - }, + id: "2", name: "Michael Chen", role: "CTO", company: "TechFusion", rating: 5, + imageSrc: "http://img.b2bpic.net/free-photo/disabled-business-manager-wheelchair-looking-tired-front_482257-2229.jpg", imageAlt: "male CTO headshot confident"}, { - id: "3", - name: "Emily Rodriguez", - role: "Marketing Director", - company: "GrowthSpark", - rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/young-woman-sitting-library_273609-15839.jpg", - imageAlt: "female marketing director headshot", - }, + id: "3", name: "Emily Rodriguez", role: "Marketing Director", company: "GrowthSpark", rating: 5, + imageSrc: "http://img.b2bpic.net/free-photo/young-woman-sitting-library_273609-15839.jpg", imageAlt: "female marketing director headshot"}, { - id: "4", - name: "David Kim", - role: "Product Manager", - company: "SynergyLabs", - rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-business-man-posing-with-crossed-arms_23-2149206526.jpg", - imageAlt: "male product manager headshot", - }, + id: "4", name: "David Kim", role: "Product Manager", company: "SynergyLabs", rating: 5, + imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-business-man-posing-with-crossed-arms_23-2149206526.jpg", imageAlt: "male product manager headshot"}, { - id: "5", - name: "Jessica Lee", - role: "Founder", - company: "CreativeFlow", - rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/man-with-light-bulb-icon_53876-63291.jpg", - imageAlt: "female entrepreneur headshot energetic", - }, + id: "5", name: "Jessica Lee", role: "Founder", company: "CreativeFlow", rating: 5, + imageSrc: "http://img.b2bpic.net/free-photo/man-with-light-bulb-icon_53876-63291.jpg", imageAlt: "female entrepreneur headshot energetic"}, ]} kpiItems={[ { - value: "99%", - label: "Client Satisfaction", - }, + value: "99%", label: "Client Satisfaction"}, { - value: "100+", - label: "Projects Completed", - }, + value: "100+", label: "Projects Completed"}, { - value: "5 Stars", - label: "Average Rating", - }, + value: "5 Stars", label: "Average Rating"}, ]} title="What Our Clients Say About Us" description="Don't just take our word for it. Hear directly from our satisfied clients about their experience working with WebDev Solutions." @@ -350,14 +210,7 @@ export default function LandingPage() { textboxLayout="default" useInvertedBackground={true} names={[ - "GlobalTech Solutions", - "DataBridge Innovations", - "SecureNet Systems", - "AI Frontier Labs", - "Synergy Enterprise", - "Apex Digital Marketing", - "FinWise Group", - ]} + "GlobalTech Solutions", "DataBridge Innovations", "SecureNet Systems", "AI Frontier Labs", "Synergy Enterprise", "Apex Digital Marketing", "FinWise Group"]} title="Trusted by Industry Leaders" description="We partner with a diverse range of companies, from innovative startups to established enterprises, to deliver exceptional web solutions." /> @@ -369,25 +222,13 @@ export default function LandingPage() { useInvertedBackground={false} faqs={[ { - id: "1", - title: "What technologies do you specialize in?", - content: "We specialize in a wide range of modern web technologies including React, Next.js, Node.js, Python/Django, various database systems, and cloud platforms like AWS and Google Cloud.", - }, + id: "1", title: "What technologies do you specialize in?", content: "We specialize in a wide range of modern web technologies including React, Next.js, Node.js, Python/Django, various database systems, and cloud platforms like AWS and Google Cloud."}, { - id: "2", - title: "How long does a typical web development project take?", - content: "Project timelines vary depending on complexity and scope. A typical project can range from 4 weeks for a simple landing page to 6+ months for a complex web application. We'll provide a detailed timeline after our initial consultation.", - }, + id: "2", title: "How long does a typical web development project take?", content: "Project timelines vary depending on complexity and scope. A typical project can range from 4 weeks for a simple landing page to 6+ months for a complex web application. We'll provide a detailed timeline after our initial consultation."}, { - id: "3", - title: "What is your pricing model?", - content: "Our pricing is typically project-based, calculated on the scope of work, estimated hours, and required expertise. We offer competitive rates and transparent proposals. Custom retainers are also available for ongoing support.", - }, + id: "3", title: "What is your pricing model?", content: "Our pricing is typically project-based, calculated on the scope of work, estimated hours, and required expertise. We offer competitive rates and transparent proposals. Custom retainers are also available for ongoing support."}, { - id: "4", - title: "Do you offer post-launch support and maintenance?", - content: "Yes, we offer comprehensive post-launch support and maintenance packages, including bug fixes, security updates, performance monitoring, and feature enhancements to ensure your website runs smoothly.", - }, + id: "4", title: "Do you offer post-launch support and maintenance?", content: "Yes, we offer comprehensive post-launch support and maintenance packages, including bug fixes, security updates, performance monitoring, and feature enhancements to ensure your website runs smoothly."}, ]} imageSrc="http://img.b2bpic.net/free-photo/woman-expert-developer-works-with-photo-editing-software_482257-126186.jpg" imageAlt="problem solving digital screen questions" @@ -403,18 +244,13 @@ export default function LandingPage() { @@ -423,58 +259,35 @@ export default function LandingPage() {