From 0795b37954e89749d7d98e39baf3e20f7c660b0c Mon Sep 17 00:00:00 2001 From: bender Date: Wed, 13 May 2026 13:56:26 +0000 Subject: [PATCH] Update src/app/page.tsx --- src/app/page.tsx | 255 ++++++++++------------------------------------- 1 file changed, 53 insertions(+), 202 deletions(-) diff --git a/src/app/page.tsx b/src/app/page.tsx index 60b1741..cb04cf1 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -33,21 +33,13 @@ export default function LandingPage() { @@ -59,35 +51,21 @@ export default function LandingPage() { description="Custom web design and development for businesses ready to grow online." buttons={[ { - text: "Start Your Project", - href: "#contact", - }, + text: "Start Your Project", href: "#contact"}, ]} slides={[ { - imageSrc: "http://img.b2bpic.net/free-photo/connecting-lines-dots-with-floating-particles_1048-12010.jpg?_wi=1", - imageAlt: "digital tech hero background dark", - }, + imageSrc: "http://img.b2bpic.net/free-photo/connecting-lines-dots-with-floating-particles_1048-12010.jpg", imageAlt: "digital tech hero background dark"}, { - imageSrc: "http://img.b2bpic.net/free-photo/dedicated-businessman-working-late-laptop-dark-office_169016-54965.jpg?_wi=1", - imageAlt: "tech laptop desk clean", - }, + imageSrc: "http://img.b2bpic.net/free-photo/dedicated-businessman-working-late-laptop-dark-office_169016-54965.jpg", imageAlt: "tech laptop desk clean"}, { - imageSrc: "http://img.b2bpic.net/free-photo/3d-render-abstract-communications-background-with-low-poly-plexus-design_1048-13614.jpg?_wi=1", - imageAlt: "abstract tech minimalist dark", - }, + imageSrc: "http://img.b2bpic.net/free-photo/3d-render-abstract-communications-background-with-low-poly-plexus-design_1048-13614.jpg", imageAlt: "abstract tech minimalist dark"}, { - imageSrc: "http://img.b2bpic.net/free-photo/company-files-coffee-table-accounting-office-close-up_482257-93464.jpg", - imageAlt: "web design screen interface", - }, + imageSrc: "http://img.b2bpic.net/free-photo/company-files-coffee-table-accounting-office-close-up_482257-93464.jpg", imageAlt: "web design screen interface"}, { - imageSrc: "http://img.b2bpic.net/free-photo/server-racks-storing-ai-datasets-simulation-training-predictive-tasks_482257-124190.jpg", - imageAlt: "data server room blue", - }, + imageSrc: "http://img.b2bpic.net/free-photo/server-racks-storing-ai-datasets-simulation-training-predictive-tasks_482257-124190.jpg", imageAlt: "data server room blue"}, { - imageSrc: "http://img.b2bpic.net/free-photo/blue-light-with-bokeh-effect_1208-208.jpg", - imageAlt: "code editor dark mode", - }, + imageSrc: "http://img.b2bpic.net/free-photo/blue-light-with-bokeh-effect_1208-208.jpg", imageAlt: "code editor dark mode"}, ]} /> @@ -99,55 +77,31 @@ export default function LandingPage() { useInvertedBackground={false} features={[ { - title: "Business Websites", - description: "High-performing, fully responsive corporate websites that establish authority and build trust.", - icon: Layout, + title: "Business Websites", description: "High-performing, fully responsive corporate websites that establish authority and build trust.", icon: Layout, mediaItems: [ { - imageSrc: "http://img.b2bpic.net/free-photo/network-graphic-overlay-banner-laptop_53876-120748.jpg", - imageAlt: "ui ux portfolio mockup", - }, + imageSrc: "http://img.b2bpic.net/free-photo/network-graphic-overlay-banner-laptop_53876-120748.jpg", imageAlt: "ui ux portfolio mockup"}, { - imageSrc: "http://img.b2bpic.net/free-photo/modern-smartphone-display-mockup-white-background_9975-134379.jpg", - imageAlt: "mobile app design portfolio", - }, + imageSrc: "http://img.b2bpic.net/free-photo/modern-smartphone-display-mockup-white-background_9975-134379.jpg", imageAlt: "mobile app design portfolio"}, ], - imageSrc: "http://img.b2bpic.net/free-photo/connecting-lines-dots-with-floating-particles_1048-12010.jpg?_wi=2", - imageAlt: "ui ux portfolio mockup", }, { - title: "Portfolio Sites", - description: "Stunning visuals and high-fidelity interfaces crafted for creative professionals to showcase their work.", - icon: PenTool, + title: "Portfolio Sites", description: "Stunning visuals and high-fidelity interfaces crafted for creative professionals to showcase their work.", icon: PenTool, mediaItems: [ { - imageSrc: "http://img.b2bpic.net/free-photo/person-setting-up-online-store-uploading-products-laptop_73899-54387.jpg", - imageAlt: "e-commerce dashboard mockup", - }, + imageSrc: "http://img.b2bpic.net/free-photo/person-setting-up-online-store-uploading-products-laptop_73899-54387.jpg", imageAlt: "e-commerce dashboard mockup"}, { - imageSrc: "http://img.b2bpic.net/free-photo/still-life-graphic-design-day_52683-160828.jpg", - imageAlt: "branding agency portfolio project", - }, + imageSrc: "http://img.b2bpic.net/free-photo/still-life-graphic-design-day_52683-160828.jpg", imageAlt: "branding agency portfolio project"}, ], - imageSrc: "http://img.b2bpic.net/free-photo/dedicated-businessman-working-late-laptop-dark-office_169016-54965.jpg?_wi=2", - imageAlt: "ui ux portfolio mockup", }, { - title: "Landing Pages", - description: "Conversion-optimized landing pages designed to drive leads, sales, and customer engagement.", - icon: Rocket, + title: "Landing Pages", description: "Conversion-optimized landing pages designed to drive leads, sales, and customer engagement.", icon: Rocket, mediaItems: [ { - imageSrc: "http://img.b2bpic.net/free-photo/desktop-pc-wooden-desk-showcases-infographics-client-reach-data_482257-126876.jpg", - imageAlt: "web application mockup clean", - }, + imageSrc: "http://img.b2bpic.net/free-photo/desktop-pc-wooden-desk-showcases-infographics-client-reach-data_482257-126876.jpg", imageAlt: "web application mockup clean"}, { - imageSrc: "http://img.b2bpic.net/free-vector/graphic-designer-landing-page-template_23-2150837574.jpg", - imageAlt: "landing page project design", - }, + imageSrc: "http://img.b2bpic.net/free-vector/graphic-designer-landing-page-template_23-2150837574.jpg", imageAlt: "landing page project design"}, ], - imageSrc: "http://img.b2bpic.net/free-photo/3d-render-abstract-communications-background-with-low-poly-plexus-design_1048-13614.jpg?_wi=2", - imageAlt: "ui ux portfolio mockup", }, ]} title="Our Expert Services" @@ -173,53 +127,17 @@ export default function LandingPage() { useInvertedBackground={false} products={[ { - id: "1", - name: "Corporate Site Revamp", - price: "Featured Project", - variant: "Web Dev", - imageSrc: "http://img.b2bpic.net/free-photo/female-web-designer-with-papers-notes-office_23-2149749879.jpg", - imageAlt: "ui ux portfolio mockup", - }, + id: "1", name: "Corporate Site Revamp", price: "Featured Project", variant: "Web Dev", imageSrc: "http://img.b2bpic.net/free-photo/female-web-designer-with-papers-notes-office_23-2149749879.jpg", imageAlt: "ui ux portfolio mockup"}, { - id: "2", - name: "Creative Agency Portfolio", - price: "Featured Project", - variant: "Design", - imageSrc: "http://img.b2bpic.net/free-photo/modern-smartphone-with-live-abstract-wallpaper-coming-out-screen_23-2151033640.jpg", - imageAlt: "mobile app design portfolio", - }, + id: "2", name: "Creative Agency Portfolio", price: "Featured Project", variant: "Design", imageSrc: "http://img.b2bpic.net/free-photo/modern-smartphone-with-live-abstract-wallpaper-coming-out-screen_23-2151033640.jpg", imageAlt: "mobile app design portfolio"}, { - id: "3", - name: "E-commerce Hub", - price: "Featured Project", - variant: "Dev/UI", - imageSrc: "http://img.b2bpic.net/free-vector/dashboard-business-user-panel_23-2148367766.jpg", - imageAlt: "e-commerce dashboard mockup", - }, + id: "3", name: "E-commerce Hub", price: "Featured Project", variant: "Dev/UI", imageSrc: "http://img.b2bpic.net/free-vector/dashboard-business-user-panel_23-2148367766.jpg", imageAlt: "e-commerce dashboard mockup"}, { - id: "4", - name: "Brand Identity Landing", - price: "Featured Project", - variant: "Strategy", - imageSrc: "http://img.b2bpic.net/free-photo/top-view-career-guidance-items-designers_23-2149443518.jpg", - imageAlt: "branding agency portfolio project", - }, + id: "4", name: "Brand Identity Landing", price: "Featured Project", variant: "Strategy", imageSrc: "http://img.b2bpic.net/free-photo/top-view-career-guidance-items-designers_23-2149443518.jpg", imageAlt: "branding agency portfolio project"}, { - id: "5", - name: "Mobile Dashboard App", - price: "Featured Project", - variant: "Mobile", - imageSrc: "http://img.b2bpic.net/free-photo/smartphone-with-screen-protector-mockup_187299-46679.jpg", - imageAlt: "web application mockup clean", - }, + id: "5", name: "Mobile Dashboard App", price: "Featured Project", variant: "Mobile", imageSrc: "http://img.b2bpic.net/free-photo/smartphone-with-screen-protector-mockup_187299-46679.jpg", imageAlt: "web application mockup clean"}, { - id: "6", - name: "Startup Launch Page", - price: "Featured Project", - variant: "Conversion", - imageSrc: "http://img.b2bpic.net/free-vector/flat-art-exhibition-event-landing-page-template_23-2149495576.jpg", - imageAlt: "landing page project design", - }, + id: "6", name: "Startup Launch Page", price: "Featured Project", variant: "Conversion", imageSrc: "http://img.b2bpic.net/free-vector/flat-art-exhibition-event-landing-page-template_23-2149495576.jpg", imageAlt: "landing page project design"}, ]} title="Recent Work" description="A collection of our recent web design and development projects." @@ -234,20 +152,11 @@ export default function LandingPage() { useInvertedBackground={false} metrics={[ { - id: "m1", - value: "100+", - description: "Websites Built", - }, + id: "m1", value: "100+", description: "Websites Built"}, { - id: "m2", - value: "99.9%", - description: "Uptime Reliability", - }, + id: "m2", value: "99.9%", description: "Uptime Reliability"}, { - id: "m3", - value: "200%", - description: "Average Lead Growth", - }, + id: "m3", value: "200%", description: "Average Lead Growth"}, ]} title="Our Impact" description="Measurable growth and performance results for every client we partner with." @@ -261,64 +170,28 @@ export default function LandingPage() { useInvertedBackground={false} testimonials={[ { - id: "1", - name: "Sarah Johnson", - role: "CEO", - company: "TechCorp", - rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/confident-businessman-smiling_107420-84734.jpg", - imageAlt: "professional portrait dark background", - }, + id: "1", name: "Sarah Johnson", role: "CEO", company: "TechCorp", rating: 5, + imageSrc: "http://img.b2bpic.net/free-photo/confident-businessman-smiling_107420-84734.jpg", imageAlt: "professional portrait dark background"}, { - id: "2", - name: "Michael Chen", - role: "Founder", - company: "InnovateLab", - rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-sitting-chair_23-2149833734.jpg", - imageAlt: "professional headshot woman entrepreneur", - }, + id: "2", name: "Michael Chen", role: "Founder", company: "InnovateLab", rating: 5, + imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-sitting-chair_23-2149833734.jpg", imageAlt: "professional headshot woman entrepreneur"}, { - id: "3", - name: "Emily Rodriguez", - role: "Director", - company: "GrowthCo", - rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/angry-manager-looking-disappointed-cross-arms-chest-frowning-displeased-standing-white-b_1258-113881.jpg", - imageAlt: "corporate headshot executive dark", - }, + id: "3", name: "Emily Rodriguez", role: "Director", company: "GrowthCo", rating: 5, + imageSrc: "http://img.b2bpic.net/free-photo/angry-manager-looking-disappointed-cross-arms-chest-frowning-displeased-standing-white-b_1258-113881.jpg", imageAlt: "corporate headshot executive dark"}, { - id: "4", - name: "David Kim", - role: "PM", - company: "StartupXYZ", - rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/manager-partner-front-recruitment-adult_1262-2859.jpg", - imageAlt: "business portrait professional team", - }, + id: "4", name: "David Kim", role: "PM", company: "StartupXYZ", rating: 5, + imageSrc: "http://img.b2bpic.net/free-photo/manager-partner-front-recruitment-adult_1262-2859.jpg", imageAlt: "business portrait professional team"}, { - id: "5", - name: "Lisa Wang", - role: "Creative", - company: "DesignStudio", - rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/young-co-worker-spending-time-office_23-2149328287.jpg", - imageAlt: "creative designer headshot studio", - }, + id: "5", name: "Lisa Wang", role: "Creative", company: "DesignStudio", rating: 5, + imageSrc: "http://img.b2bpic.net/free-photo/young-co-worker-spending-time-office_23-2149328287.jpg", imageAlt: "creative designer headshot studio"}, ]} kpiItems={[ { - value: "5.0", - label: "Avg. Rating", - }, + value: "5.0", label: "Avg. Rating"}, { - value: "100%", - label: "Client Satisfaction", - }, + value: "100%", label: "Client Satisfaction"}, { - value: "24/7", - label: "Support Available", - }, + value: "24/7", label: "Support Available"}, ]} title="Client Success Stories" description="What our clients say about partnering with TL Web Solutions for their digital presence." @@ -331,20 +204,11 @@ export default function LandingPage() { useInvertedBackground={false} faqs={[ { - id: "f1", - title: "What is your typical project timeline?", - content: "Depending on the complexity, most business websites take 4-8 weeks from discovery to launch.", - }, + id: "f1", title: "What is your typical project timeline?", content: "Depending on the complexity, most business websites take 4-8 weeks from discovery to launch."}, { - id: "f2", - title: "Do you provide website maintenance?", - content: "Yes, we offer ongoing maintenance and support packages to ensure your site remains secure and optimized.", - }, + id: "f2", title: "Do you provide website maintenance?", content: "Yes, we offer ongoing maintenance and support packages to ensure your site remains secure and optimized."}, { - id: "f3", - title: "How does the pricing work?", - content: "We offer custom pricing tailored to your specific needs and feature requirements. Contact us for a quote!", - }, + id: "f3", title: "How does the pricing work?", content: "We offer custom pricing tailored to your specific needs and feature requirements. Contact us for a quote!"}, ]} title="Frequently Asked Questions" description="Answers to common questions regarding our design and development process." @@ -356,8 +220,7 @@ export default function LandingPage() {