From f04b658b10cf845bfdafbb6d6beefcdd243d25ea Mon Sep 17 00:00:00 2001 From: bender Date: Fri, 6 Mar 2026 14:52:37 +0000 Subject: [PATCH] Update src/app/page.tsx --- src/app/page.tsx | 42 +++++++++++++++++++++--------------------- 1 file changed, 21 insertions(+), 21 deletions(-) diff --git a/src/app/page.tsx b/src/app/page.tsx index 30b6a6c..2a01945 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -21,7 +21,7 @@ export default function LandingPage() { borderRadius="rounded" contentWidth="medium" sizing="largeSmallSizeMediumTitles" - background="floatingGradient" + background="circleGradient" cardStyle="glass-depth" primaryButtonStyle="diagonal-gradient" secondaryButtonStyle="glass" @@ -49,17 +49,17 @@ export default function LandingPage() { tag="Web Development Studio" tagIcon={Sparkles} tagAnimation="slide-up" - background={{ variant: "floatingGradient" }} + background={{ variant: "plain" }} leftCarouselItems={[ - { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AZmcpWHeWm1sUG9szF2sfVbKeH/a-modern-website-homepage-with-clean-nav-1772808626140-2f2948c8.png?_wi=1", imageAlt: "Modern website portfolio" }, - { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AZmcpWHeWm1sUG9szF2sfVbKeH/a-screenshot-of-a-completed-website-for--1772808625106-91872e5a.png?_wi=1", imageAlt: "E-commerce website design" }, - { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AZmcpWHeWm1sUG9szF2sfVbKeH/an-e-commerce-website-product-listing-pa-1772808638294-0d550b5d.png?_wi=1", imageAlt: "Product showcase interface" }, - { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AZmcpWHeWm1sUG9szF2sfVbKeH/a-completed-saas-platform-website-showin-1772808625893-c1835175.png?_wi=1", imageAlt: "SaaS platform interface" } + { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AZmcpWHeWm1sUG9szF2sfVbKeH/a-modern-website-homepage-with-clean-nav-1772808626140-2f2948c8.png", imageAlt: "Modern website portfolio" }, + { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AZmcpWHeWm1sUG9szF2sfVbKeH/a-screenshot-of-a-completed-website-for--1772808625106-91872e5a.png", imageAlt: "E-commerce website design" }, + { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AZmcpWHeWm1sUG9szF2sfVbKeH/an-e-commerce-website-product-listing-pa-1772808638294-0d550b5d.png", imageAlt: "Product showcase interface" }, + { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AZmcpWHeWm1sUG9szF2sfVbKeH/a-completed-saas-platform-website-showin-1772808625893-c1835175.png", imageAlt: "SaaS platform interface" } ]} rightCarouselItems={[ - { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AZmcpWHeWm1sUG9szF2sfVbKeH/a-sleek-saas-dashboard-interface-with-da-1772808625526-21208b98.png?_wi=1", imageAlt: "Dashboard analytics interface" }, - { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AZmcpWHeWm1sUG9szF2sfVbKeH/a-wellness-and-lifestyle-brand-website-w-1772808626675-0794b8dc.png?_wi=1", imageAlt: "Wellness brand website" }, - { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AZmcpWHeWm1sUG9szF2sfVbKeH/a-corporate-website-with-clean-sections--1772808625749-cbea4b55.png?_wi=1", imageAlt: "Corporate website design" }, + { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AZmcpWHeWm1sUG9szF2sfVbKeH/a-sleek-saas-dashboard-interface-with-da-1772808625526-21208b98.png", imageAlt: "Dashboard analytics interface" }, + { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AZmcpWHeWm1sUG9szF2sfVbKeH/a-wellness-and-lifestyle-brand-website-w-1772808626675-0794b8dc.png", imageAlt: "Wellness brand website" }, + { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AZmcpWHeWm1sUG9szF2sfVbKeH/a-corporate-website-with-clean-sections--1772808625749-cbea4b55.png", imageAlt: "Corporate website design" }, { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AZmcpWHeWm1sUG9szF2sfVbKeH/a-creative-agency-portfolio-website-with-1772808631257-feefdb6b.png", imageAlt: "Creative agency portfolio" } ]} carouselPosition="right" @@ -80,7 +80,7 @@ export default function LandingPage() { description="Poof Sites was founded on the belief that every business deserves a website that works as hard as they do." subdescription="Since 2023, we've delivered 50+ projects for startups and established brands" icon={CheckCircle} - imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AZmcpWHeWm1sUG9szF2sfVbKeH/a-screenshot-of-a-completed-website-for--1772808625106-91872e5a.png?_wi=2" + imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AZmcpWHeWm1sUG9szF2sfVbKeH/a-screenshot-of-a-completed-website-for--1772808625106-91872e5a.png" imageAlt="Poof Sites team collaboration" mediaAnimation="slide-up" useInvertedBackground={true} @@ -99,16 +99,16 @@ export default function LandingPage() { animationType="slide-up" features={[ { - id: "custom-design", tag: "Design", title: "Custom Web Design", description: "Tailored design solutions that reflect your brand identity and engage your target audience", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AZmcpWHeWm1sUG9szF2sfVbKeH/a-modern-website-homepage-with-clean-nav-1772808626140-2f2948c8.png?_wi=2", imageAlt: "Custom web design" + id: "custom-design", tag: "Design", title: "Custom Web Design", description: "Tailored design solutions that reflect your brand identity and engage your target audience", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AZmcpWHeWm1sUG9szF2sfVbKeH/a-modern-website-homepage-with-clean-nav-1772808626140-2f2948c8.png", imageAlt: "Custom web design" }, { - id: "responsive-dev", tag: "Development", title: "Responsive Development", description: "Fully responsive websites that work seamlessly across all devices and screen sizes", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AZmcpWHeWm1sUG9szF2sfVbKeH/a-sleek-saas-dashboard-interface-with-da-1772808625526-21208b98.png?_wi=2", imageAlt: "Responsive website development" + id: "responsive-dev", tag: "Development", title: "Responsive Development", description: "Fully responsive websites that work seamlessly across all devices and screen sizes", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AZmcpWHeWm1sUG9szF2sfVbKeH/a-sleek-saas-dashboard-interface-with-da-1772808625526-21208b98.png", imageAlt: "Responsive website development" }, { - id: "ecommerce", tag: "E-Commerce", title: "E-Commerce Solutions", description: "Complete online store setup with payment integration, inventory management, and optimization", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AZmcpWHeWm1sUG9szF2sfVbKeH/an-e-commerce-website-product-listing-pa-1772808638294-0d550b5d.png?_wi=2", imageAlt: "E-commerce website" + id: "ecommerce", tag: "E-Commerce", title: "E-Commerce Solutions", description: "Complete online store setup with payment integration, inventory management, and optimization", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AZmcpWHeWm1sUG9szF2sfVbKeH/an-e-commerce-website-product-listing-pa-1772808638294-0d550b5d.png", imageAlt: "E-commerce website" }, { - id: "performance", tag: "Optimization", title: "Performance & SEO", description: "Fast-loading websites optimized for search engines and user experience", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AZmcpWHeWm1sUG9szF2sfVbKeH/a-corporate-website-with-clean-sections--1772808625749-cbea4b55.png?_wi=2", imageAlt: "Performance optimization" + id: "performance", tag: "Optimization", title: "Performance & SEO", description: "Fast-loading websites optimized for search engines and user experience", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AZmcpWHeWm1sUG9szF2sfVbKeH/a-corporate-website-with-clean-sections--1772808625749-cbea4b55.png", imageAlt: "Performance optimization" } ]} /> @@ -127,13 +127,13 @@ export default function LandingPage() { gridVariant="three-columns-all-equal-width" products={[ { - id: "1", name: "Fashion E-Commerce Platform", price: "2023", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AZmcpWHeWm1sUG9szF2sfVbKeH/a-screenshot-of-a-completed-website-for--1772808625106-91872e5a.png?_wi=3", imageAlt: "Fashion e-commerce website" + id: "1", name: "Fashion E-Commerce Platform", price: "2023", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AZmcpWHeWm1sUG9szF2sfVbKeH/a-screenshot-of-a-completed-website-for--1772808625106-91872e5a.png", imageAlt: "Fashion e-commerce website" }, { - id: "2", name: "SaaS Analytics Dashboard", price: "2024", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AZmcpWHeWm1sUG9szF2sfVbKeH/a-completed-saas-platform-website-showin-1772808625893-c1835175.png?_wi=2", imageAlt: "SaaS platform dashboard" + id: "2", name: "SaaS Analytics Dashboard", price: "2024", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AZmcpWHeWm1sUG9szF2sfVbKeH/a-completed-saas-platform-website-showin-1772808625893-c1835175.png", imageAlt: "SaaS platform dashboard" }, { - id: "3", name: "Wellness Brand Website", price: "2025", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AZmcpWHeWm1sUG9szF2sfVbKeH/a-wellness-and-lifestyle-brand-website-w-1772808626675-0794b8dc.png?_wi=2", imageAlt: "Wellness brand website" + id: "3", name: "Wellness Brand Website", price: "2025", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AZmcpWHeWm1sUG9szF2sfVbKeH/a-wellness-and-lifestyle-brand-website-w-1772808626675-0794b8dc.png", imageAlt: "Wellness brand website" } ]} /> @@ -203,15 +203,15 @@ export default function LandingPage() { useInvertedBackground={false} plans={[ { - id: "starter", title: "Starter", price: "$3,500", period: "One-time", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AZmcpWHeWm1sUG9szF2sfVbKeH/a-modern-website-homepage-with-clean-nav-1772808626140-2f2948c8.png?_wi=3", imageAlt: "Starter package", button: { text: "Get Started", href: "#contact" }, + id: "starter", title: "Starter", price: "$3,500", period: "One-time", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AZmcpWHeWm1sUG9szF2sfVbKeH/a-modern-website-homepage-with-clean-nav-1772808626140-2f2948c8.png", imageAlt: "Starter package", button: { text: "Get Started", href: "#contact" }, features: ["5-page website", "Mobile responsive design", "Basic SEO optimization", "3 months free support"] }, { - id: "professional", title: "Professional", price: "$8,500", period: "One-time", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AZmcpWHeWm1sUG9szF2sfVbKeH/a-screenshot-of-a-completed-website-for--1772808625106-91872e5a.png?_wi=4", imageAlt: "Professional package", button: { text: "Choose Plan", href: "#contact" }, + id: "professional", title: "Professional", price: "$8,500", period: "One-time", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AZmcpWHeWm1sUG9szF2sfVbKeH/a-screenshot-of-a-completed-website-for--1772808625106-91872e5a.png", imageAlt: "Professional package", button: { text: "Choose Plan", href: "#contact" }, features: ["Up to 15 pages", "Advanced SEO", "CMS Integration", "Ongoing maintenance included", "Analytics setup"] }, { - id: "enterprise", title: "Enterprise", price: "Custom", period: "Quote", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AZmcpWHeWm1sUG9szF2sfVbKeH/a-completed-saas-platform-website-showin-1772808625893-c1835175.png?_wi=3", imageAlt: "Enterprise package", button: { text: "Request Quote", href: "#contact" }, + id: "enterprise", title: "Enterprise", price: "Custom", period: "Quote", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AZmcpWHeWm1sUG9szF2sfVbKeH/a-completed-saas-platform-website-showin-1772808625893-c1835175.png", imageAlt: "Enterprise package", button: { text: "Request Quote", href: "#contact" }, features: ["Unlimited pages", "Custom functionality", "E-commerce integration", "Dedicated support", "Priority updates"] } ]} @@ -230,7 +230,7 @@ export default function LandingPage() { { text: "View Pricing", href: "#pricing" } ]} buttonAnimation="blur-reveal" - background={{ variant: "floatingGradient" }} + background={{ variant: "plain" }} useInvertedBackground={true} />