Merge version_1 into main #2
175
src/app/page.tsx
175
src/app/page.tsx
@@ -34,7 +34,7 @@ export default function HomePage() {
|
||||
borderRadius="pill"
|
||||
contentWidth="mediumSmall"
|
||||
sizing="medium"
|
||||
background="grid"
|
||||
background="circleGradient"
|
||||
cardStyle="subtle-shadow"
|
||||
primaryButtonStyle="flat"
|
||||
secondaryButtonStyle="radial-glow"
|
||||
@@ -53,20 +53,14 @@ export default function HomePage() {
|
||||
<HeroCentered
|
||||
title="Build Your Online Presence with ReadySetWeb"
|
||||
description="Professional web design and development for small businesses. We create stunning, high-converting websites that drive growth and engagement."
|
||||
background={{ variant: "grid" }}
|
||||
background={{ variant: "animated-grid" }}
|
||||
avatars={[
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXUlyEEdEAljjvY9KJd9deuqK5/professional-headshot-of-a-confident-bus-1772738727388-6f63bbc5.png",
|
||||
alt: "Client 1",
|
||||
},
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXUlyEEdEAljjvY9KJd9deuqK5/professional-headshot-of-a-confident-bus-1772738727388-6f63bbc5.png", alt: "Client 1"},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXUlyEEdEAljjvY9KJd9deuqK5/professional-headshot-of-a-male-entrepre-1772738727204-01f30053.png",
|
||||
alt: "Client 2",
|
||||
},
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXUlyEEdEAljjvY9KJd9deuqK5/professional-headshot-of-a-male-entrepre-1772738727204-01f30053.png", alt: "Client 2"},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXUlyEEdEAljjvY9KJd9deuqK5/professional-headshot-of-a-creative-prof-1772738727287-3c3649a7.png",
|
||||
alt: "Client 3",
|
||||
},
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXUlyEEdEAljjvY9KJd9deuqK5/professional-headshot-of-a-creative-prof-1772738727287-3c3649a7.png", alt: "Client 3"},
|
||||
]}
|
||||
avatarText="Trusted by 50+ small businesses"
|
||||
buttons={[
|
||||
@@ -86,7 +80,7 @@ export default function HomePage() {
|
||||
description="ReadySetWeb Team"
|
||||
subdescription="Est. 2023 | 10+ Team Members"
|
||||
icon={Zap}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXUlyEEdEAljjvY9KJd9deuqK5/a-diverse-team-of-web-designers-and-deve-1772738727894-0378ee9b.png?_wi=1"
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXUlyEEdEAljjvY9KJd9deuqK5/a-diverse-team-of-web-designers-and-deve-1772738727894-0378ee9b.png"
|
||||
imageAlt="ReadySetWeb team collaborating"
|
||||
mediaAnimation="slide-up"
|
||||
useInvertedBackground={false}
|
||||
@@ -103,33 +97,13 @@ export default function HomePage() {
|
||||
tagAnimation="slide-up"
|
||||
features={[
|
||||
{
|
||||
id: "01",
|
||||
title: "Responsive Web Design",
|
||||
description: "Beautiful websites that work perfectly on all devices and screen sizes.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXUlyEEdEAljjvY9KJd9deuqK5/multiple-responsive-website-mockups-disp-1772738728590-2e406fa9.png?_wi=1",
|
||||
imageAlt: "Responsive design",
|
||||
},
|
||||
id: "01", title: "Responsive Web Design", description: "Beautiful websites that work perfectly on all devices and screen sizes.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXUlyEEdEAljjvY9KJd9deuqK5/multiple-responsive-website-mockups-disp-1772738728590-2e406fa9.png", imageAlt: "Responsive design"},
|
||||
{
|
||||
id: "02",
|
||||
title: "Strategic Planning",
|
||||
description: "We develop custom strategies aligned with your business goals and target audience.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXUlyEEdEAljjvY9KJd9deuqK5/a-planning-board-or-whiteboard-with-colo-1772738728381-1d666b89.png?_wi=1",
|
||||
imageAlt: "Strategic planning",
|
||||
},
|
||||
id: "02", title: "Strategic Planning", description: "We develop custom strategies aligned with your business goals and target audience.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXUlyEEdEAljjvY9KJd9deuqK5/a-planning-board-or-whiteboard-with-colo-1772738728381-1d666b89.png", imageAlt: "Strategic planning"},
|
||||
{
|
||||
id: "03",
|
||||
title: "Performance Optimization",
|
||||
description: "Fast-loading, SEO-optimized websites that rank higher and convert better.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXUlyEEdEAljjvY9KJd9deuqK5/analytics-dashboard-with-colorful-charts-1772738728347-0fba4f76.png?_wi=1",
|
||||
imageAlt: "Performance optimization",
|
||||
},
|
||||
id: "03", title: "Performance Optimization", description: "Fast-loading, SEO-optimized websites that rank higher and convert better.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXUlyEEdEAljjvY9KJd9deuqK5/analytics-dashboard-with-colorful-charts-1772738728347-0fba4f76.png", imageAlt: "Performance optimization"},
|
||||
{
|
||||
id: "04",
|
||||
title: "Brand Development",
|
||||
description: "Complete branding solutions including logos, color schemes, and visual identity.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXUlyEEdEAljjvY9KJd9deuqK5/multiple-responsive-website-mockups-disp-1772738728590-2e406fa9.png?_wi=2",
|
||||
imageAlt: "Brand development",
|
||||
},
|
||||
id: "04", title: "Brand Development", description: "Complete branding solutions including logos, color schemes, and visual identity.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXUlyEEdEAljjvY9KJd9deuqK5/multiple-responsive-website-mockups-disp-1772738728590-2e406fa9.png", imageAlt: "Brand development"},
|
||||
]}
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
animationType="slide-up"
|
||||
@@ -149,26 +123,11 @@ export default function HomePage() {
|
||||
tagAnimation="slide-up"
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "E-Commerce Platform",
|
||||
price: "Featured",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXUlyEEdEAljjvY9KJd9deuqK5/a-modern-e-commerce-website-design-mocku-1772738729029-0a0c0cf8.png?_wi=1",
|
||||
imageAlt: "E-commerce website",
|
||||
},
|
||||
id: "1", name: "E-Commerce Platform", price: "Featured", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXUlyEEdEAljjvY9KJd9deuqK5/a-modern-e-commerce-website-design-mocku-1772738729029-0a0c0cf8.png", imageAlt: "E-commerce website"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Service Business Website",
|
||||
price: "Featured",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXUlyEEdEAljjvY9KJd9deuqK5/a-professional-service-business-website--1772738729526-b228f402.png?_wi=1",
|
||||
imageAlt: "Service website",
|
||||
},
|
||||
id: "2", name: "Service Business Website", price: "Featured", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXUlyEEdEAljjvY9KJd9deuqK5/a-professional-service-business-website--1772738729526-b228f402.png", imageAlt: "Service website"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Creative Agency Site",
|
||||
price: "Featured",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXUlyEEdEAljjvY9KJd9deuqK5/a-creative-agency-website-design-mockup--1772738728980-11caba3e.png?_wi=1",
|
||||
imageAlt: "Agency website",
|
||||
},
|
||||
id: "3", name: "Creative Agency Site", price: "Featured", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXUlyEEdEAljjvY9KJd9deuqK5/a-creative-agency-website-design-mockup--1772738728980-11caba3e.png", imageAlt: "Agency website"},
|
||||
]}
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
animationType="slide-up"
|
||||
@@ -188,41 +147,13 @@ export default function HomePage() {
|
||||
tagAnimation="slide-up"
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Our sales increased significantly after the redesign",
|
||||
quote: "ReadySetWeb completely transformed our online presence. The new website is not only beautiful but also generates qualified leads. We've seen a 40% increase in customer inquiries within the first month.",
|
||||
name: "Sarah Mitchell",
|
||||
role: "CEO of TechStart Solutions",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXUlyEEdEAljjvY9KJd9deuqK5/professional-headshot-of-a-confident-bus-1772738727388-6f63bbc5.png?_wi=1",
|
||||
imageAlt: "Sarah Mitchell",
|
||||
},
|
||||
id: "1", title: "Our sales increased significantly after the redesign", quote: "ReadySetWeb completely transformed our online presence. The new website is not only beautiful but also generates qualified leads. We've seen a 40% increase in customer inquiries within the first month.", name: "Sarah Mitchell", role: "CEO of TechStart Solutions", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXUlyEEdEAljjvY9KJd9deuqK5/professional-headshot-of-a-confident-bus-1772738727388-6f63bbc5.png", imageAlt: "Sarah Mitchell"},
|
||||
{
|
||||
id: "2",
|
||||
title: "Professional and reliable throughout the project",
|
||||
quote: "Working with the ReadySetWeb team was seamless. They understood our vision, provided expert guidance, and delivered on time. The website exceeded our expectations and our customers love it.",
|
||||
name: "Marcus Johnson",
|
||||
role: "Owner of Johnson & Associates",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXUlyEEdEAljjvY9KJd9deuqK5/professional-headshot-of-a-male-entrepre-1772738727204-01f30053.png?_wi=1",
|
||||
imageAlt: "Marcus Johnson",
|
||||
},
|
||||
id: "2", title: "Professional and reliable throughout the project", quote: "Working with the ReadySetWeb team was seamless. They understood our vision, provided expert guidance, and delivered on time. The website exceeded our expectations and our customers love it.", name: "Marcus Johnson", role: "Owner of Johnson & Associates", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXUlyEEdEAljjvY9KJd9deuqK5/professional-headshot-of-a-male-entrepre-1772738727204-01f30053.png", imageAlt: "Marcus Johnson"},
|
||||
{
|
||||
id: "3",
|
||||
title: "They made the process easy and stress-free",
|
||||
quote: "I was nervous about the redesign, but the team made everything simple. They explained every decision, kept us involved, and the final product is stunning. Highly recommended!",
|
||||
name: "Emma Rodriguez",
|
||||
role: "Marketing Manager at GrowthCo",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXUlyEEdEAljjvY9KJd9deuqK5/professional-headshot-of-a-creative-prof-1772738727287-3c3649a7.png?_wi=1",
|
||||
imageAlt: "Emma Rodriguez",
|
||||
},
|
||||
id: "3", title: "They made the process easy and stress-free", quote: "I was nervous about the redesign, but the team made everything simple. They explained every decision, kept us involved, and the final product is stunning. Highly recommended!", name: "Emma Rodriguez", role: "Marketing Manager at GrowthCo", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXUlyEEdEAljjvY9KJd9deuqK5/professional-headshot-of-a-creative-prof-1772738727287-3c3649a7.png", imageAlt: "Emma Rodriguez"},
|
||||
{
|
||||
id: "4",
|
||||
title: "Best investment we made for our business",
|
||||
quote: "The new website has completely changed how we present ourselves to clients. It's professional, fast, and easy to update. ReadySetWeb provided exceptional service and support.",
|
||||
name: "David Chen",
|
||||
role: "Founder of Digital Innovations",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXUlyEEdEAljjvY9KJd9deuqK5/professional-headshot-of-a-male-business-1772738727876-a426ea0c.png",
|
||||
imageAlt: "David Chen",
|
||||
},
|
||||
id: "4", title: "Best investment we made for our business", quote: "The new website has completely changed how we present ourselves to clients. It's professional, fast, and easy to update. ReadySetWeb provided exceptional service and support.", name: "David Chen", role: "Founder of Digital Innovations", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXUlyEEdEAljjvY9KJd9deuqK5/professional-headshot-of-a-male-business-1772738727876-a426ea0c.png", imageAlt: "David Chen"},
|
||||
]}
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
@@ -240,60 +171,19 @@ export default function HomePage() {
|
||||
tagAnimation="slide-up"
|
||||
plans={[
|
||||
{
|
||||
id: "starter",
|
||||
tag: "Starter Package",
|
||||
price: "$2,500",
|
||||
period: "flat fee",
|
||||
description: "Perfect for small businesses launching their first website.",
|
||||
button: { text: "Get Started", href: "#contact" },
|
||||
featuresTitle: "What's Included:",
|
||||
features: [
|
||||
"5-page responsive website",
|
||||
"Mobile optimization",
|
||||
"Basic SEO setup",
|
||||
"Contact form",
|
||||
"Social media links",
|
||||
"2 rounds of revisions",
|
||||
],
|
||||
id: "starter", tag: "Starter Package", price: "$2,500", period: "flat fee", description: "Perfect for small businesses launching their first website.", button: { text: "Get Started", href: "#contact" },
|
||||
featuresTitle: "What's Included:", features: [
|
||||
"5-page responsive website", "Mobile optimization", "Basic SEO setup", "Contact form", "Social media links", "2 rounds of revisions"],
|
||||
},
|
||||
{
|
||||
id: "professional",
|
||||
tag: "Professional Package",
|
||||
price: "$5,500",
|
||||
period: "flat fee",
|
||||
description: "Ideal for established businesses needing advanced features.",
|
||||
button: { text: "Get Started", href: "#contact" },
|
||||
featuresTitle: "What's Included:",
|
||||
features: [
|
||||
"Up to 15 pages",
|
||||
"Advanced responsive design",
|
||||
"Full SEO optimization",
|
||||
"Blog functionality",
|
||||
"E-commerce integration",
|
||||
"Analytics setup",
|
||||
"4 rounds of revisions",
|
||||
"3 months of support",
|
||||
],
|
||||
id: "professional", tag: "Professional Package", price: "$5,500", period: "flat fee", description: "Ideal for established businesses needing advanced features.", button: { text: "Get Started", href: "#contact" },
|
||||
featuresTitle: "What's Included:", features: [
|
||||
"Up to 15 pages", "Advanced responsive design", "Full SEO optimization", "Blog functionality", "E-commerce integration", "Analytics setup", "4 rounds of revisions", "3 months of support"],
|
||||
},
|
||||
{
|
||||
id: "enterprise",
|
||||
tag: "Enterprise Package",
|
||||
price: "$9,999",
|
||||
period: "flat fee",
|
||||
description: "Custom solutions for complex business requirements.",
|
||||
button: { text: "Schedule Consultation", href: "#contact" },
|
||||
featuresTitle: "What's Included:",
|
||||
features: [
|
||||
"Unlimited pages",
|
||||
"Full custom design",
|
||||
"Advanced functionality",
|
||||
"Complete e-commerce",
|
||||
"API integrations",
|
||||
"Advanced analytics",
|
||||
"Unlimited revisions",
|
||||
"12 months of support",
|
||||
"Training included",
|
||||
],
|
||||
id: "enterprise", tag: "Enterprise Package", price: "$9,999", period: "flat fee", description: "Custom solutions for complex business requirements.", button: { text: "Schedule Consultation", href: "#contact" },
|
||||
featuresTitle: "What's Included:", features: [
|
||||
"Unlimited pages", "Full custom design", "Advanced functionality", "Complete e-commerce", "API integrations", "Advanced analytics", "Unlimited revisions", "12 months of support", "Training included"],
|
||||
},
|
||||
]}
|
||||
animationType="slide-up"
|
||||
@@ -312,7 +202,7 @@ export default function HomePage() {
|
||||
description="Contact Our Team"
|
||||
subdescription="Let's discuss your project and goals"
|
||||
icon={ArrowRight}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXUlyEEdEAljjvY9KJd9deuqK5/a-modern-computer-monitor-displaying-a-b-1772738729320-8b4929c4.png?_wi=1"
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXUlyEEdEAljjvY9KJd9deuqK5/a-modern-computer-monitor-displaying-a-b-1772738729320-8b4929c4.png"
|
||||
imageAlt="Modern web design showcase"
|
||||
mediaAnimation="slide-up"
|
||||
useInvertedBackground={true}
|
||||
@@ -322,14 +212,13 @@ export default function HomePage() {
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXUlyEEdEAljjvY9KJd9deuqK5/an-abstract-gradient-background-with-flo-1772738727582-9c3647e7.png?_wi=1"
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXUlyEEdEAljjvY9KJd9deuqK5/an-abstract-gradient-background-with-flo-1772738727582-9c3647e7.png"
|
||||
imageAlt="Footer background"
|
||||
logoText="ReadySetWeb"
|
||||
copyrightText="© 2025 ReadySetWeb | Building the future, one website at a time"
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{ label: "About Us", href: "/about" },
|
||||
{ label: "Our Services", href: "/about" },
|
||||
{ label: "Portfolio", href: "/portfolio" },
|
||||
@@ -337,8 +226,7 @@ export default function HomePage() {
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
title: "Services", items: [
|
||||
{ label: "Web Design", href: "#services" },
|
||||
{ label: "Development", href: "#services" },
|
||||
{ label: "SEO Optimization", href: "#services" },
|
||||
@@ -346,8 +234,7 @@ export default function HomePage() {
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Resources",
|
||||
items: [
|
||||
title: "Resources", items: [
|
||||
{ label: "Privacy Policy", href: "#" },
|
||||
{ label: "Terms of Service", href: "#" },
|
||||
{ label: "Contact Us", href: "/contact" },
|
||||
|
||||
Reference in New Issue
Block a user