From ee27739018697d13a30ce7837175f95670100087 Mon Sep 17 00:00:00 2001 From: bender Date: Tue, 3 Mar 2026 21:24:48 +0000 Subject: [PATCH] Update src/app/page.tsx --- src/app/page.tsx | 57 ++++++++++++++++++++++++++++++------------------ 1 file changed, 36 insertions(+), 21 deletions(-) diff --git a/src/app/page.tsx b/src/app/page.tsx index c2c37e9..6ae0584 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -20,7 +20,7 @@ export default function LandingPage() { borderRadius="soft" contentWidth="mediumLarge" sizing="largeSmall" - background="aurora" + background="circleGradient" cardStyle="solid" primaryButtonStyle="primary-glow" secondaryButtonStyle="radial-glow" @@ -46,7 +46,7 @@ export default function LandingPage() { description="We create custom, high-converting websites that help small businesses and startups establish credibility and attract customers—without the enterprise price tag." tag="Fast & Affordable" tagIcon={Zap} - background={{ variant: "aurora" }} + background={{ variant: "canvas-reveal" }} buttons={[ { text: "Get Your Website Quote", href: "#contact" }, { text: "See Our Work", href: "#portfolio" }, @@ -80,8 +80,7 @@ export default function LandingPage() { title: "Custom Web Design", description: "Tailored designs that reflect your brand identity and resonate with your target audience", bentoComponent: "reveal-icon", icon: Palette, }, { - title: "Conversion Optimization", description: "Strategic layouts and copy designed to turn visitors into customers", bentoComponent: "line-chart", icon: TrendingUp, - }, + title: "Conversion Optimization", description: "Strategic layouts and copy designed to turn visitors into customers", bentoComponent: "line-chart"}, { title: "Mobile Responsive", description: "Perfect experience on all devices, from smartphones to desktop computers", bentoComponent: "phone", statusIcon: Lock, alertIcon: Bell, @@ -100,17 +99,20 @@ export default function LandingPage() { title: "SEO Ready", description: "Built with search engine optimization to help customers find you online", bentoComponent: "3d-stack-cards", items: [ { icon: Search, - title: "SEO", subtitle: "Optimized", detail: "Find you online"}, + title: "SEO", subtitle: "Optimized", detail: "Find you online" + }, { icon: Zap, - title: "Fast Loading", subtitle: "Performance", detail: "Lightning quick"}, + title: "Fast Loading", subtitle: "Performance", detail: "Lightning quick" + }, { icon: Lock, - title: "Secure", subtitle: "Protected", detail: "SSL encrypted"}, + title: "Secure", subtitle: "Protected", detail: "SSL encrypted" + }, ], }, { - title: "Launch Timeline", description: "Get your website live in weeks, not months", bentoComponent: "3d-task-list", title: "Launch Timeline", items: [ + title: "Launch Timeline", description: "Get your website live in weeks, not months", bentoComponent: "3d-task-list", items: [ { icon: Pencil, label: "Design", time: "1-2 weeks" }, { icon: Code, label: "Development", time: "1-2 weeks" }, { icon: Rocket, label: "Launch", time: "Go Live" }, @@ -132,13 +134,16 @@ export default function LandingPage() { products={[ { id: "1", brand: "Local Bakery", name: "Sweet Delights Bakery", price: "$3,200", rating: 5, - reviewCount: "12 reviews", imageSrc: "http://img.b2bpic.net/free-vector/minimal-bakery-landing-page-template_23-2149422236.jpg", imageAlt: "Sweet Delights Bakery website design"}, + reviewCount: "12 reviews", imageSrc: "http://img.b2bpic.net/free-vector/minimal-bakery-landing-page-template_23-2149422236.jpg", imageAlt: "Sweet Delights Bakery website design" + }, { id: "2", brand: "Tech Startup", name: "CloudSync Platform", price: "$5,500", rating: 5, - reviewCount: "8 reviews", imageSrc: "http://img.b2bpic.net/free-vector/change-your-life-startup-landing-page_23-2148305081.jpg", imageAlt: "CloudSync Platform website design"}, + reviewCount: "8 reviews", imageSrc: "http://img.b2bpic.net/free-vector/change-your-life-startup-landing-page_23-2148305081.jpg", imageAlt: "CloudSync Platform website design" + }, { id: "3", brand: "Fitness Studio", name: "FitLife Studio", price: "$4,000", rating: 5, - reviewCount: "15 reviews", imageSrc: "http://img.b2bpic.net/free-vector/sport-landing-page-template-with-photo_23-2148216851.jpg", imageAlt: "FitLife Studio website design"}, + reviewCount: "15 reviews", imageSrc: "http://img.b2bpic.net/free-vector/sport-landing-page-template-with-photo_23-2148216851.jpg", imageAlt: "FitLife Studio website design" + }, ]} gridVariant="three-columns-all-equal-width" animationType="slide-up" @@ -156,16 +161,20 @@ export default function LandingPage() { testimonials={[ { id: "1", name: "Sarah Johnson", role: "Owner", company: "Sweet Delights Bakery", rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/confident-beautiful-young-businesswoman-looking-camera-head-shot-portrait_1163-4928.jpg?_wi=1", imageAlt: "woman portrait professional headshot business"}, + imageSrc: "http://img.b2bpic.net/free-photo/confident-beautiful-young-businesswoman-looking-camera-head-shot-portrait_1163-4928.jpg", imageAlt: "woman portrait professional headshot business" + }, { id: "2", name: "Michael Chen", role: "Founder", company: "CloudSync", rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=1", imageAlt: "man portrait professional headshot business"}, + imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", imageAlt: "man portrait professional headshot business" + }, { id: "3", name: "Emily Rodriguez", role: "CEO", company: "FitLife Studio", rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/confident-beautiful-young-businesswoman-looking-camera-head-shot-portrait_1163-4928.jpg?_wi=2", imageAlt: "woman portrait professional headshot business"}, + imageSrc: "http://img.b2bpic.net/free-photo/confident-beautiful-young-businesswoman-looking-camera-head-shot-portrait_1163-4928.jpg", imageAlt: "woman portrait professional headshot business" + }, { id: "4", name: "David Kim", role: "Marketing Director", company: "Startup Innovations", rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=2", imageAlt: "man portrait professional headshot business"}, + imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", imageAlt: "man portrait professional headshot business" + }, ]} kpiItems={[ { value: "180+", label: "Websites Created" }, @@ -186,17 +195,23 @@ export default function LandingPage() { tagIcon={HelpCircle} faqs={[ { - id: "1", title: "How long does it take to build a website?", content: "Most projects take 4-6 weeks from concept to launch. This includes design, development, and optimization. We work quickly without compromising quality, so you can start seeing results fast."}, + id: "1", title: "How long does it take to build a website?", content: "Most projects take 4-6 weeks from concept to launch. This includes design, development, and optimization. We work quickly without compromising quality, so you can start seeing results fast." + }, { - id: "2", title: "What's included in your website packages?", content: "Our packages include custom web design, mobile responsive development, SEO optimization, contact forms, analytics setup, and 30 days of support. Optional add-ons include e-commerce, blog functionality, and advanced integrations."}, + id: "2", title: "What's included in your website packages?", content: "Our packages include custom web design, mobile responsive development, SEO optimization, contact forms, analytics setup, and 30 days of support. Optional add-ons include e-commerce, blog functionality, and advanced integrations." + }, { - id: "3", title: "Can you help with my domain and hosting?", content: "Yes! We can register your domain, set up hosting, and handle all technical setup. We work with reliable providers to ensure your site performs at its best."}, + id: "3", title: "Can you help with my domain and hosting?", content: "Yes! We can register your domain, set up hosting, and handle all technical setup. We work with reliable providers to ensure your site performs at its best." + }, { - id: "4", title: "Do you offer ongoing support?", content: "We provide 30 days of free support after launch. Beyond that, we offer maintenance packages to keep your site secure, fast, and up-to-date with the latest features."}, + id: "4", title: "Do you offer ongoing support?", content: "We provide 30 days of free support after launch. Beyond that, we offer maintenance packages to keep your site secure, fast, and up-to-date with the latest features." + }, { - id: "5", title: "What if I need changes after launch?", content: "We're here for you! Minor changes are covered in our initial support period. For larger updates, we offer affordable hourly rates or maintenance plans tailored to your needs."}, + id: "5", title: "What if I need changes after launch?", content: "We're here for you! Minor changes are covered in our initial support period. For larger updates, we offer affordable hourly rates or maintenance plans tailored to your needs." + }, { - id: "6", title: "How much does a website cost?", content: "Pricing starts at $2,500 for basic websites and goes up to $10,000+ for complex projects. We provide custom quotes based on your specific needs, timeline, and goals."}, + id: "6", title: "How much does a website cost?", content: "Pricing starts at $2,500 for basic websites and goes up to $10,000+ for complex projects. We provide custom quotes based on your specific needs, timeline, and goals." + }, ]} imageSrc="http://img.b2bpic.net/free-photo/black-businessman-assisting-clients_482257-121939.jpg" imageAlt="Customer support team helping with website questions"