From f3cab8cc7dd1672802709bb9ce7b0f8d2c0f229f Mon Sep 17 00:00:00 2001 From: bender Date: Thu, 4 Jun 2026 12:34:30 +0000 Subject: [PATCH] Update src/app/page.tsx --- src/app/page.tsx | 288 ++++++++++------------------------------------- 1 file changed, 57 insertions(+), 231 deletions(-) diff --git a/src/app/page.tsx b/src/app/page.tsx index 45fadd0..5b1a5c6 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -32,43 +32,25 @@ export default function LandingPage() { @@ -78,9 +60,7 @@ export default function LandingPage() { description="Automatically scan your market for businesses without websites, generate professional sites in minutes, and convert prospects into paying customers—all while you sleep." buttons={[ { - text: "Start Your Free Scan", - href: "#contact", - }, + text: "Start Your Free Scan", href: "#contact"}, ]} imageSrc="http://img.b2bpic.net/free-photo/creative-colleagues-working-new-app-design_1098-21584.jpg" imageAlt="AI dashboard showing client acquisition and website building interface" @@ -96,9 +76,7 @@ export default function LandingPage() { tag="How It Works" buttons={[ { - text: "Learn More", - href: "#features", - }, + text: "Learn More", href: "#features"}, ]} imageSrc="http://img.b2bpic.net/free-photo/connect-data-development-growth-strategy-team-concept_53876-13889.jpg" imageAlt="Abstract illustration of AI workflow: scanning, building, communicating, closing deals" @@ -111,37 +89,13 @@ export default function LandingPage() { useInvertedBackground={false} features={[ { - tag: "STEP 1", - title: "AI Market Scan", - subtitle: "Identify Untapped Leads", - description: "Our AI autonomously scans vast market data to pinpoint businesses without a website, delivering a qualified list of prospects directly to your dashboard.", - imageSrc: "http://img.b2bpic.net/free-photo/high-angle-patriot-day-commemoration_52683-94468.jpg", - imageAlt: "AI scanning market for leads icon", - }, + tag: "STEP 1", title: "AI Market Scan", subtitle: "Identify Untapped Leads", description: "Our AI autonomously scans vast market data to pinpoint businesses without a website, delivering a qualified list of prospects directly to your dashboard.", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-patriot-day-commemoration_52683-94468.jpg", imageAlt: "AI scanning market for leads icon"}, { - tag: "STEP 2", - title: "Instant Site Generation", - subtitle: "Build Websites in Minutes", - description: "Leverage extracted business data to instantly populate a fully functional, professional website template, ready for client review and customization.", - imageSrc: "http://img.b2bpic.net/free-photo/professional-person-engaging-with-ai-chatbot-computer-screen_482257-126263.jpg", - imageAlt: "AI building a website icon", - }, + tag: "STEP 2", title: "Instant Site Generation", subtitle: "Build Websites in Minutes", description: "Leverage extracted business data to instantly populate a fully functional, professional website template, ready for client review and customization.", imageSrc: "http://img.b2bpic.net/free-photo/professional-person-engaging-with-ai-chatbot-computer-screen_482257-126263.jpg", imageAlt: "AI building a website icon"}, { - tag: "STEP 3", - title: "Automated Outreach", - subtitle: "Engage Prospects Effortlessly", - description: "Our platform handles client communications, from initial contact to follow-ups, using intelligent messaging tailored to convert prospects.", - imageSrc: "http://img.b2bpic.net/free-photo/office-worker-looks-greenscreen_482257-76595.jpg", - imageAlt: "AI client communication icon", - }, + tag: "STEP 3", title: "Automated Outreach", subtitle: "Engage Prospects Effortlessly", description: "Our platform handles client communications, from initial contact to follow-ups, using intelligent messaging tailored to convert prospects.", imageSrc: "http://img.b2bpic.net/free-photo/office-worker-looks-greenscreen_482257-76595.jpg", imageAlt: "AI client communication icon"}, { - tag: "STEP 4", - title: "Seamless Deal Closure", - subtitle: "Integrated Payments & CRM", - description: "Close deals faster with automated payment processing and client management tools, ensuring a smooth transition from prospect to paying customer.", - imageSrc: "http://img.b2bpic.net/free-vector/colorful-set-payment-methods_23-2147678469.jpg", - imageAlt: "AI deal closure and payment icon", - }, + tag: "STEP 4", title: "Seamless Deal Closure", subtitle: "Integrated Payments & CRM", description: "Close deals faster with automated payment processing and client management tools, ensuring a smooth transition from prospect to paying customer.", imageSrc: "http://img.b2bpic.net/free-vector/colorful-set-payment-methods_23-2147678469.jpg", imageAlt: "AI deal closure and payment icon"}, ]} title="Automate Every Step of Your Client Pipeline" description="Our AI takes on the heavy lifting, ensuring a continuous flow of new clients and professionally built websites." @@ -155,29 +109,11 @@ export default function LandingPage() { useInvertedBackground={true} metrics={[ { - id: "m1", - value: "10x", - title: "More Leads", - description: "Our AI identifies 10x more qualified prospects than traditional methods, fueling your sales pipeline.", - imageSrc: "http://img.b2bpic.net/free-photo/futuristic-ai-data-visualization_23-2151977857.jpg", - imageAlt: "Growth chart showing 10x lead increase", - }, + id: "m1", value: "10x", title: "More Leads", description: "Our AI identifies 10x more qualified prospects than traditional methods, fueling your sales pipeline.", imageSrc: "http://img.b2bpic.net/free-photo/futuristic-ai-data-visualization_23-2151977857.jpg", imageAlt: "Growth chart showing 10x lead increase"}, { - id: "m2", - value: "80%", - title: "Time Saved", - description: "Automate prospecting, website setup, and communication, freeing up 80% of your time for strategic growth.", - imageSrc: "http://img.b2bpic.net/free-photo/progress-mission-move-forward-improvement-concept_53876-15867.jpg", - imageAlt: "Pie chart showing 80% time saved", - }, + id: "m2", value: "80%", title: "Time Saved", description: "Automate prospecting, website setup, and communication, freeing up 80% of your time for strategic growth.", imageSrc: "http://img.b2bpic.net/free-photo/progress-mission-move-forward-improvement-concept_53876-15867.jpg", imageAlt: "Pie chart showing 80% time saved"}, { - id: "m3", - value: "2x", - title: "Faster Conversion", - description: "Streamlined processes and automated follow-ups lead to a 2x faster conversion rate for your clients.", - imageSrc: "http://img.b2bpic.net/free-photo/graphic-concept-with-arrow-blocks_23-2148950417.jpg", - imageAlt: "Line graph showing 2x faster conversion", - }, + id: "m3", value: "2x", title: "Faster Conversion", description: "Streamlined processes and automated follow-ups lead to a 2x faster conversion rate for your clients.", imageSrc: "http://img.b2bpic.net/free-photo/graphic-concept-with-arrow-blocks_23-2148950417.jpg", imageAlt: "Line graph showing 2x faster conversion"}, ]} title="Real Results: Drive Your Business Forward" description="See how the AI Site Agent empowers digital agencies, freelancers, and B2B service providers to achieve unprecedented growth and efficiency." @@ -189,55 +125,20 @@ export default function LandingPage() { textboxLayout="default" gridVariant="two-columns-alternating-heights" useInvertedBackground={false} + animationType="slide-up" products={[ { - id: "p1", - name: "Local Cafe Website", - price: "Standard Package", - variant: "Modern & Inviting", - imageSrc: "http://img.b2bpic.net/free-photo/hand-holding-spoon-side-view_23-2149703717.jpg", - imageAlt: "Screenshot of an AI-generated local cafe website", - }, + id: "p1", name: "Local Cafe Website", price: "Standard Package", variant: "Modern & Inviting", imageSrc: "http://img.b2bpic.net/free-photo/hand-holding-spoon-side-view_23-2149703717.jpg", imageAlt: "Screenshot of an AI-generated local cafe website"}, { - id: "p2", - name: "Freelance Portfolio", - price: "Pro Package", - variant: "Sleek & Visual", - imageSrc: "http://img.b2bpic.net/free-photo/woman-camera-capture-snap-shot-banner_53876-64933.jpg", - imageAlt: "Screenshot of an AI-generated freelance photography portfolio", - }, + id: "p2", name: "Freelance Portfolio", price: "Pro Package", variant: "Sleek & Visual", imageSrc: "http://img.b2bpic.net/free-photo/woman-camera-capture-snap-shot-banner_53876-64933.jpg", imageAlt: "Screenshot of an AI-generated freelance photography portfolio"}, { - id: "p3", - name: "Consulting Service", - price: "Premium Package", - variant: "Clean & Authoritative", - imageSrc: "http://img.b2bpic.net/free-photo/laptop-desk-displaying-data-charts_482257-119553.jpg", - imageAlt: "Screenshot of an AI-generated consulting service website", - }, + id: "p3", name: "Consulting Service", price: "Premium Package", variant: "Clean & Authoritative", imageSrc: "http://img.b2bpic.net/free-photo/laptop-desk-displaying-data-charts_482257-119553.jpg", imageAlt: "Screenshot of an AI-generated consulting service website"}, { - id: "p4", - name: "E-commerce Boutique", - price: "Enterprise Package", - variant: "Vibrant & Responsive", - imageSrc: "http://img.b2bpic.net/free-photo/empty-chic-boutique-filled-with-new-collection-designer-clothes-racks_482257-118548.jpg", - imageAlt: "Screenshot of an AI-generated e-commerce boutique website", - }, + id: "p4", name: "E-commerce Boutique", price: "Enterprise Package", variant: "Vibrant & Responsive", imageSrc: "http://img.b2bpic.net/free-photo/empty-chic-boutique-filled-with-new-collection-designer-clothes-racks_482257-118548.jpg", imageAlt: "Screenshot of an AI-generated e-commerce boutique website"}, { - id: "p5", - name: "Fitness Studio Page", - price: "Standard Package", - variant: "Dynamic & Engaging", - imageSrc: "http://img.b2bpic.net/free-photo/wellbeing-fitness-healthy-lifestyle-icon_53876-21368.jpg", - imageAlt: "Screenshot of an AI-generated fitness studio website", - }, + id: "p5", name: "Fitness Studio Page", price: "Standard Package", variant: "Dynamic & Engaging", imageSrc: "http://img.b2bpic.net/free-photo/wellbeing-fitness-healthy-lifestyle-icon_53876-21368.jpg", imageAlt: "Screenshot of an AI-generated fitness studio website"}, { - id: "p6", - name: "Tech Startup Landing", - price: "Pro Package", - variant: "High-Tech & Conversion-Focused", - imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-laptop_23-2151004294.jpg", - imageAlt: "Screenshot of an AI-generated tech startup landing page", - }, + id: "p6", name: "Tech Startup Landing", price: "Pro Package", variant: "High-Tech & Conversion-Focused", imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-laptop_23-2151004294.jpg", imageAlt: "Screenshot of an AI-generated tech startup landing page"}, ]} title="AI-Powered Websites: Professional & Ready" description="Explore a gallery of stunning websites our AI agent can generate for various industries, tailored to client needs and designed for conversion." @@ -251,64 +152,28 @@ export default function LandingPage() { useInvertedBackground={true} testimonials={[ { - id: "1", - name: "Sarah J.", - role: "CEO, DigitalGrowth Agency", - company: "DigitalGrowth Agency", - rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-professional-business-woman-smiling-outdoor_1391-4.jpg", - imageAlt: "Sarah J., CEO", - }, + id: "1", name: "Sarah J.", role: "CEO, DigitalGrowth Agency", company: "DigitalGrowth Agency", rating: 5, + imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-professional-business-woman-smiling-outdoor_1391-4.jpg", imageAlt: "Sarah J., CEO"}, { - id: "2", - name: "Michael C.", - role: "Freelance Web Developer", - company: "Michael's Web Solutions", - rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/hardworking-man-with-inspired-smile-looking-screen-his-generic-laptop-while-watching-video-online_273609-6593.jpg", - imageAlt: "Michael C., Freelance Web Developer", - }, + id: "2", name: "Michael C.", role: "Freelance Web Developer", company: "Michael's Web Solutions", rating: 5, + imageSrc: "http://img.b2bpic.net/free-photo/hardworking-man-with-inspired-smile-looking-screen-his-generic-laptop-while-watching-video-online_273609-6593.jpg", imageAlt: "Michael C., Freelance Web Developer"}, { - id: "3", - name: "Emily R.", - role: "Founder, BizConnect Services", - company: "BizConnect Services", - rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/business-woman-standing_1187-1543.jpg", - imageAlt: "Emily R., Founder", - }, + id: "3", name: "Emily R.", role: "Founder, BizConnect Services", company: "BizConnect Services", rating: 5, + imageSrc: "http://img.b2bpic.net/free-photo/business-woman-standing_1187-1543.jpg", imageAlt: "Emily R., Founder"}, { - id: "4", - name: "David K.", - role: "Owner, Local Marketing Pros", - company: "Local Marketing Pros", - rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/cheerful-handsome-businessman-resting-outside-cafe_1262-5999.jpg", - imageAlt: "David K., Owner", - }, + id: "4", name: "David K.", role: "Owner, Local Marketing Pros", company: "Local Marketing Pros", rating: 5, + imageSrc: "http://img.b2bpic.net/free-photo/cheerful-handsome-businessman-resting-outside-cafe_1262-5999.jpg", imageAlt: "David K., Owner"}, { - id: "5", - name: "Jessica L.", - role: "Director, Creative Spark Studios", - company: "Creative Spark Studios", - rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/business-owner-working-their-strategy_23-2149241318.jpg", - imageAlt: "Jessica L., Director", - }, + id: "5", name: "Jessica L.", role: "Director, Creative Spark Studios", company: "Creative Spark Studios", rating: 5, + imageSrc: "http://img.b2bpic.net/free-photo/business-owner-working-their-strategy_23-2149241318.jpg", imageAlt: "Jessica L., Director"}, ]} kpiItems={[ { - value: "98%", - label: "Client Satisfaction", - }, + value: "98%", label: "Client Satisfaction"}, { - value: "120%", - label: "Revenue Growth", - }, + value: "120%", label: "Revenue Growth"}, { - value: "500+", - label: "Websites Built", - }, + value: "500+", label: "Websites Built"}, ]} title="What Our Partners Are Saying" description="Hear directly from digital agency owners, freelancers, and B2B service providers who have transformed their businesses with AI Site Agent." @@ -321,30 +186,15 @@ export default function LandingPage() { useInvertedBackground={false} faqs={[ { - id: "faq1", - title: "How does the AI find businesses without websites?", - content: "Our proprietary AI utilizes advanced web scraping and data analysis techniques across various public and business directories to identify entities with no detectable online presence, ensuring a consistent stream of qualified leads.", - }, + id: "faq1", title: "How does the AI find businesses without websites?", content: "Our proprietary AI utilizes advanced web scraping and data analysis techniques across various public and business directories to identify entities with no detectable online presence, ensuring a consistent stream of qualified leads."}, { - id: "faq2", - title: "What kind of websites can the AI build?", - content: "The AI is designed to build professional, responsive websites suitable for a wide range of small to medium-sized businesses, including cafes, consultants, local services, and portfolio sites. Templates are customizable to fit specific brand identities.", - }, + id: "faq2", title: "What kind of websites can the AI build?", content: "The AI is designed to build professional, responsive websites suitable for a wide range of small to medium-sized businesses, including cafes, consultants, local services, and portfolio sites. Templates are customizable to fit specific brand identities."}, { - id: "faq3", - title: "Is the client communication truly automated?", - content: "Yes, our platform includes an automated communication engine that can draft and send personalized emails, follow-ups, and proposals based on pre-defined scripts and detected client interest, all while allowing for human oversight.", - }, + id: "faq3", title: "Is the client communication truly automated?", content: "Yes, our platform includes an automated communication engine that can draft and send personalized emails, follow-ups, and proposals based on pre-defined scripts and detected client interest, all while allowing for human oversight."}, { - id: "faq4", - title: "How does the payment processing work?", - content: "The platform integrates with major payment gateways (like Stripe) to facilitate seamless invoicing and payment collection directly from your clients, streamlining your billing process and reducing manual administrative tasks.", - }, + id: "faq4", title: "How does the payment processing work?", content: "The platform integrates with major payment gateways (like Stripe) to facilitate seamless invoicing and payment collection directly from your clients, streamlining your billing process and reducing manual administrative tasks."}, { - id: "faq5", - title: "Can I integrate this with my existing CRM?", - content: "Our platform is built with API-first principles, allowing for easy integration with popular CRM systems to synchronize client data and workflow, enhancing your existing operational setup.", - }, + id: "faq5", title: "Can I integrate this with my existing CRM?", content: "Our platform is built with API-first principles, allowing for easy integration with popular CRM systems to synchronize client data and workflow, enhancing your existing operational setup."}, ]} title="Frequently Asked Questions" description="Find quick answers to common questions about our AI Site Agent and how it can benefit your business." @@ -356,16 +206,13 @@ export default function LandingPage() { @@ -375,54 +222,33 @@ export default function LandingPage() { logoText="AI Site Agent" columns={[ { - title: "Product", - items: [ + title: "Product", items: [ { - label: "AI Features", - href: "#features", - }, + label: "AI Features", href: "#features"}, { - label: "Website Gallery", - href: "#showcase", - }, + label: "Website Gallery", href: "#showcase"}, { - label: "Testimonials", - href: "#testimonials", - }, + label: "Testimonials", href: "#testimonials"}, ], }, { - title: "Company", - items: [ + title: "Company", items: [ { - label: "About Us", - href: "#about", - }, + label: "About Us", href: "#about"}, { - label: "Careers", - href: "#", - }, + label: "Careers", href: "#"}, { - label: "Contact", - href: "#contact", - }, + label: "Contact", href: "#contact"}, ], }, { - title: "Resources", - items: [ + title: "Resources", items: [ { - label: "Blog", - href: "#", - }, + label: "Blog", href: "#"}, { - label: "Support", - href: "#faq", - }, + label: "Support", href: "#faq"}, { - label: "Privacy Policy", - href: "#", - }, + label: "Privacy Policy", href: "#"}, ], }, ]} -- 2.49.1