diff --git a/src/app/page.tsx b/src/app/page.tsx index c45aaf9..c8ccaae 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -37,7 +37,8 @@ export default function LandingPage() { { name: "Contact", id: "contact" }, ]} button={{ - text: "Start Your Project", href: "#contact"}} + text: "Start Your Project", href: "#contact" + }} animateOnLoad={true} /> @@ -52,6 +53,7 @@ export default function LandingPage() { imageSrc="http://img.b2bpic.net/free-vector/business-landing-page-with-photo_52683-22734.jpg" imageAlt="Compact and efficient website design interface" mediaAnimation="blur-reveal" + background={{ variant: "glowing-orb" }} buttons={[ { text: "Start Your Project", href: "#contact" }, { text: "View Our Work", href: "#testimonials" }, @@ -60,13 +62,16 @@ export default function LandingPage() { testimonials={[ { name: "Sarah Martinez", handle: "CEO, TechVenture", testimonial: "Our site loads 3x faster now. Clients notice the difference.", rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/pov-businessman-attending-videocall-meeting-office-using-online-videoconference-talk-consultant-about-financial-strategy-company-employee-chatting-remote-teleconference-close-up_482257-40929.jpg?_wi=1"}, + imageSrc: "http://img.b2bpic.net/free-photo/pov-businessman-attending-videocall-meeting-office-using-online-videoconference-talk-consultant-about-financial-strategy-company-employee-chatting-remote-teleconference-close-up_482257-40929.jpg" + }, { name: "James Chen", handle: "Founder, EcoStart", testimonial: "Exactly what we needed - efficient, affordable, and results-driven.", rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-mature-businessman-with-folded-arms_23-2147955369.jpg?_wi=1"}, + imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-mature-businessman-with-folded-arms_23-2147955369.jpg" + }, { name: "Lisa Rodriguez", handle: "Director, GrowthCo", testimonial: "Best investment for our startup. Conversion rates jumped 40%.", rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/smiling-business-leader-using-smartphone-lobby_1262-5625.jpg?_wi=1"}, + imageSrc: "http://img.b2bpic.net/free-photo/smiling-business-leader-using-smartphone-lobby_1262-5625.jpg" + }, ]} testimonialRotationInterval={5000} useInvertedBackground={false} @@ -83,7 +88,7 @@ export default function LandingPage() { { value: "50+", title: "Lean Sites Launched" }, { value: "3x", title: "Avg Speed Improvement" }, ]} - imageSrc="http://img.b2bpic.net/free-photo/business-people-working-together_23-2148826957.jpg?_wi=1" + imageSrc="http://img.b2bpic.net/free-photo/business-people-working-together_23-2148826957.jpg" imageAlt="Efficient web design workflow and process" useInvertedBackground={false} mediaAnimation="slide-up" @@ -104,16 +109,20 @@ export default function LandingPage() { features={[ { id: 1, - title: "Lightning-Fast Performance", description: "Average 2.5s load time. Optimized code and smart architecture mean your site performs flawlessly across all devices.", imageSrc: "http://img.b2bpic.net/free-photo/modern-office-desk-composition-with-technological-device_23-2147916743.jpg?_wi=1", imageAlt: "Fast loading responsive website on mobile"}, + title: "Lightning-Fast Performance", description: "Average 2.5s load time. Optimized code and smart architecture mean your site performs flawlessly across all devices.", imageSrc: "http://img.b2bpic.net/free-photo/modern-office-desk-composition-with-technological-device_23-2147916743.jpg", imageAlt: "Fast loading responsive website on mobile" + }, { id: 2, - title: "Conversion-Optimized Design", description: "Every pixel serves a purpose. Clear CTAs, intuitive flow, and strategic layout drive measurable business results.", imageSrc: "http://img.b2bpic.net/free-photo/shoulder-shot-face-man-computing-office_1098-18808.jpg", imageAlt: "Conversion rate optimization and analytics"}, + title: "Conversion-Optimized Design", description: "Every pixel serves a purpose. Clear CTAs, intuitive flow, and strategic layout drive measurable business results.", imageSrc: "http://img.b2bpic.net/free-photo/shoulder-shot-face-man-computing-office_1098-18808.jpg", imageAlt: "Conversion rate optimization and analytics" + }, { id: 3, - title: "Lean & Maintainable Code", description: "Clean, efficient codebase means faster iterations and lower maintenance costs. Your developers will thank you.", imageSrc: "http://img.b2bpic.net/free-photo/business-people-working-together_23-2148826957.jpg?_wi=2", imageAlt: "Efficient development workflow process"}, + title: "Lean & Maintainable Code", description: "Clean, efficient codebase means faster iterations and lower maintenance costs. Your developers will thank you.", imageSrc: "http://img.b2bpic.net/free-photo/business-people-working-together_23-2148826957.jpg", imageAlt: "Efficient development workflow process" + }, { id: 4, - title: "White-Label Ready", description: "Freelancers and agencies: white-label solutions for your clients. Deliver premium sites under your brand.", imageSrc: "http://img.b2bpic.net/free-photo/modern-office-desk-composition-with-technological-device_23-2147916743.jpg?_wi=2", imageAlt: "Scalable white label web solutions"}, + title: "White-Label Ready", description: "Freelancers and agencies: white-label solutions for your clients. Deliver premium sites under your brand.", imageSrc: "http://img.b2bpic.net/free-photo/modern-office-desk-composition-with-technological-device_23-2147916743.jpg", imageAlt: "Scalable white label web solutions" + }, ]} /> @@ -156,16 +165,20 @@ export default function LandingPage() { testimonials={[ { id: "1", name: "Sarah Martinez", role: "CEO", company: "TechVenture", rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/pov-businessman-attending-videocall-meeting-office-using-online-videoconference-talk-consultant-about-financial-strategy-company-employee-chatting-remote-teleconference-close-up_482257-40929.jpg?_wi=2"}, + imageSrc: "http://img.b2bpic.net/free-photo/pov-businessman-attending-videocall-meeting-office-using-online-videoconference-talk-consultant-about-financial-strategy-company-employee-chatting-remote-teleconference-close-up_482257-40929.jpg" + }, { id: "2", name: "James Chen", role: "Founder", company: "EcoStart", rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-mature-businessman-with-folded-arms_23-2147955369.jpg?_wi=2"}, + imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-mature-businessman-with-folded-arms_23-2147955369.jpg" + }, { id: "3", name: "Lisa Rodriguez", role: "Director", company: "GrowthCo", rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/smiling-business-leader-using-smartphone-lobby_1262-5625.jpg?_wi=2"}, + imageSrc: "http://img.b2bpic.net/free-photo/smiling-business-leader-using-smartphone-lobby_1262-5625.jpg" + }, { id: "4", name: "Michael Park", role: "Agency Owner", company: "Park Studios", rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/young-attractive-businesswoman_93675-133773.jpg"}, + imageSrc: "http://img.b2bpic.net/free-photo/young-attractive-businesswoman_93675-133773.jpg" + }, ]} kpiItems={[ { value: "180+", label: "Projects delivered" }, @@ -186,7 +199,8 @@ export default function LandingPage() { useInvertedBackground={false} names={["Shopify", "Stripe", "Webflow", "Figma", "Vercel", "Next.js", "Contentful", "Sanity"]} logos={[ - "http://img.b2bpic.net/free-photo/top-view-cyber-monday-sale-elements-dark-background_23-2148675048.jpg", "http://img.b2bpic.net/free-vector/modern-business-card-template_23-2147963480.jpg", "http://img.b2bpic.net/free-photo/programming-background-collage_23-2149901790.jpg", "http://img.b2bpic.net/free-vector/colorful-business-landing-page_52683-997.jpg", "http://img.b2bpic.net/free-vector/logo-template-design_1289-21.jpg", "http://img.b2bpic.net/free-vector/flat-design-atheism-logo-template_23-2149246664.jpg", "http://img.b2bpic.net/free-photo/happy-young-woman-holding-her-tablet_1153-893.jpg", "http://img.b2bpic.net/free-vector/gradient-laptop-logo-template_23-2148999274.jpg"]} + "http://img.b2bpic.net/free-photo/top-view-cyber-monday-sale-elements-dark-background_23-2148675048.jpg", "http://img.b2bpic.net/free-vector/modern-business-card-template_23-2147963480.jpg", "http://img.b2bpic.net/free-photo/programming-background-collage_23-2149901790.jpg", "http://img.b2bpic.net/free-vector/colorful-business-landing-page_52683-997.jpg", "http://img.b2bpic.net/free-vector/logo-template-design_1289-21.jpg", "http://img.b2bpic.net/free-vector/flat-design-atheism-logo-template_23-2149246664.jpg", "http://img.b2bpic.net/free-photo/happy-young-woman-holding-her-tablet_1153-893.jpg", "http://img.b2bpic.net/free-vector/gradient-laptop-logo-template_23-2148999274.jpg" + ]} speed={40} showCard={true} /> @@ -206,17 +220,23 @@ export default function LandingPage() { showCard={true} faqs={[ { - id: "1", title: "How long does a typical project take?", content: "Most projects are completed in 2-4 weeks depending on scope. We prioritize speed without sacrificing quality. Our lean process means faster turnarounds than traditional agencies."}, + id: "1", title: "How long does a typical project take?", content: "Most projects are completed in 2-4 weeks depending on scope. We prioritize speed without sacrificing quality. Our lean process means faster turnarounds than traditional agencies." + }, { - id: "2", title: "What's included in your service?", content: "Design, development, optimization, and deployment. We handle everything from strategy through launch. Includes SEO optimization, mobile responsiveness, and performance tuning."}, + id: "2", title: "What's included in your service?", content: "Design, development, optimization, and deployment. We handle everything from strategy through launch. Includes SEO optimization, mobile responsiveness, and performance tuning." + }, { - id: "3", title: "Can you help with white-label projects?", content: "Yes. We offer white-label design and development solutions for freelancers and agencies. You maintain client relationships while we deliver the work."}, + id: "3", title: "Can you help with white-label projects?", content: "Yes. We offer white-label design and development solutions for freelancers and agencies. You maintain client relationships while we deliver the work." + }, { - id: "4", title: "What about ongoing support?", content: "We offer maintenance and support packages. Minor updates and optimizations are handled quickly. We also provide documentation for your in-house team."}, + id: "4", title: "What about ongoing support?", content: "We offer maintenance and support packages. Minor updates and optimizations are handled quickly. We also provide documentation for your in-house team." + }, { - id: "5", title: "Do you work with startups?", content: "Absolutely. Startups are our ideal clients. Our affordable, efficient approach means you get a high-performance website without breaking the bank."}, + id: "5", title: "Do you work with startups?", content: "Absolutely. Startups are our ideal clients. Our affordable, efficient approach means you get a high-performance website without breaking the bank." + }, { - id: "6", title: "How do you ensure fast performance?", content: "We optimize at every stage: lean code architecture, image compression, smart caching, CDN integration, and ongoing monitoring. Your site will load fast on all devices."}, + id: "6", title: "How do you ensure fast performance?", content: "We optimize at every stage: lean code architecture, image compression, smart caching, CDN integration, and ongoing monitoring. Your site will load fast on all devices." + }, ]} /> @@ -226,7 +246,8 @@ export default function LandingPage() { ctaTitle="Ready to transform your website?" ctaDescription="Let's discuss your project and show you how PixelPockets delivers compact, high-performing sites." ctaButton={{ - text: "Schedule a Consultation", href: "https://calendly.com"}} + text: "Schedule a Consultation", href: "https://calendly.com" + }} ctaIcon={Calendar} useInvertedBackground={false} animationType="slide-up" @@ -234,13 +255,17 @@ export default function LandingPage() { showCard={true} faqs={[ { - id: "1", title: "What's the first step?", content: "We'll schedule a brief call to understand your goals, timeline, and budget. No obligations. We'll outline our approach and timeline."}, + id: "1", title: "What's the first step?", content: "We'll schedule a brief call to understand your goals, timeline, and budget. No obligations. We'll outline our approach and timeline." + }, { - id: "2", title: "How do I get started?", content: "Click 'Schedule a Consultation' to pick a time that works for you. We'll send a meeting link and a brief discovery form to help us prepare."}, + id: "2", title: "How do I get started?", content: "Click 'Schedule a Consultation' to pick a time that works for you. We'll send a meeting link and a brief discovery form to help us prepare." + }, { - id: "3", title: "What if I'm unsure about scope?", content: "That's normal. We help define scope during our initial consultation. We've worked with projects of all sizes and can recommend the best approach for your situation."}, + id: "3", title: "What if I'm unsure about scope?", content: "That's normal. We help define scope during our initial consultation. We've worked with projects of all sizes and can recommend the best approach for your situation." + }, { - id: "4", title: "Do you offer retainer services?", content: "Yes. We offer ongoing retainer packages for ongoing maintenance, optimization, and new features. Perfect for growing businesses."}, + id: "4", title: "Do you offer retainer services?", content: "Yes. We offer ongoing retainer packages for ongoing maintenance, optimization, and new features. Perfect for growing businesses." + }, ]} />