Update src/app/page.tsx
This commit is contained in:
@@ -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}
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user