Merge version_2 into main #1
193
src/app/page.tsx
193
src/app/page.tsx
@@ -31,31 +31,19 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
name: "Services", id: "services"},
|
||||
{
|
||||
name: "Portfolio",
|
||||
id: "portfolio",
|
||||
},
|
||||
name: "Portfolio", id: "portfolio"},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
name: "Testimonials", id: "testimonials"},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "faq",
|
||||
},
|
||||
name: "FAQ", id: "faq"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Web Digital"
|
||||
button={{
|
||||
text: "Get a Free Quote",
|
||||
href: "#contact",
|
||||
}}
|
||||
text: "Get a Free Quote", href: "#contact"}}
|
||||
animateOnLoad={true}
|
||||
/>
|
||||
</div>
|
||||
@@ -63,35 +51,22 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitKpi
|
||||
background={{
|
||||
variant: "glowing-orb",
|
||||
}}
|
||||
variant: "glowing-orb"}}
|
||||
imagePosition="right"
|
||||
title="We Build Websites That Actually Convert"
|
||||
description="Web Digital crafts professional, high-performing websites for entrepreneurs, small businesses, and personal brands, designed to capture leads and grow your business."
|
||||
kpis={[
|
||||
{
|
||||
value: "100+",
|
||||
label: "Websites Launched",
|
||||
},
|
||||
value: "100+", label: "Websites Launched"},
|
||||
{
|
||||
value: "95%",
|
||||
label: "Client Satisfaction",
|
||||
},
|
||||
value: "95%", label: "Client Satisfaction"},
|
||||
{
|
||||
value: "2X",
|
||||
label: "Average Conversion Lift",
|
||||
},
|
||||
value: "2X", label: "Average Conversion Lift"},
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Started",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
text: "View Our Work",
|
||||
href: "#portfolio",
|
||||
},
|
||||
text: "Get Started", href: "#contact"}
|
||||
]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BPtkeEt69x9sMAlFuKkr7xBTjq/a-sleek-modern-dark-themed-web-design-st-1774402751469-a961d24b.png"
|
||||
imageAlt="Modern web design studio dashboard interface"
|
||||
@@ -107,39 +82,19 @@ export default function LandingPage() {
|
||||
features={[
|
||||
{
|
||||
id: 1,
|
||||
title: "Website Design",
|
||||
description: "Stunning, intuitive designs tailored to your brand, ensuring a memorable user experience. We focus on modern aesthetics and user flow.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BPtkeEt69x9sMAlFuKkr7xBTjq/an-abstract-icon-representing-website-de-1774402749745-b17fc7e7.png",
|
||||
imageAlt: "Abstract icon representing website design",
|
||||
},
|
||||
title: "Website Design", description: "Stunning, intuitive designs tailored to your brand, ensuring a memorable user experience. We focus on modern aesthetics and user flow.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BPtkeEt69x9sMAlFuKkr7xBTjq/an-abstract-icon-representing-website-de-1774402749745-b17fc7e7.png", imageAlt: "Abstract icon representing website design"},
|
||||
{
|
||||
id: 2,
|
||||
title: "Website Development",
|
||||
description: "Robust, scalable, and secure development for optimal performance, built on modern frameworks. Your site will be fast and reliable.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BPtkeEt69x9sMAlFuKkr7xBTjq/an-abstract-icon-representing-website-de-1774402750731-cb13d59b.png",
|
||||
imageAlt: "Abstract icon representing website development",
|
||||
},
|
||||
title: "Website Development", description: "Robust, scalable, and secure development for optimal performance, built on modern frameworks. Your site will be fast and reliable.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BPtkeEt69x9sMAlFuKkr7xBTjq/an-abstract-icon-representing-website-de-1774402750731-cb13d59b.png", imageAlt: "Abstract icon representing website development"},
|
||||
{
|
||||
id: 3,
|
||||
title: "Conversion-Focused Solutions",
|
||||
description: "Every website we build is engineered with conversion in mind, turning visitors into valuable leads and customers. Maximize your ROI.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BPtkeEt69x9sMAlFuKkr7xBTjq/an-abstract-icon-representing-conversion-1774402752288-dd4b817d.png",
|
||||
imageAlt: "Abstract icon representing conversion optimization",
|
||||
},
|
||||
title: "Conversion-Focused Solutions", description: "Every website we build is engineered with conversion in mind, turning visitors into valuable leads and customers. Maximize your ROI.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BPtkeEt69x9sMAlFuKkr7xBTjq/an-abstract-icon-representing-conversion-1774402752288-dd4b817d.png", imageAlt: "Abstract icon representing conversion optimization"},
|
||||
{
|
||||
id: 4,
|
||||
title: "Beginner-Friendly Process",
|
||||
description: "Our transparent, 5-step process guides you from idea to launch, making web development easy and stress-free, even for non-technical clients.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BPtkeEt69x9sMAlFuKkr7xBTjq/an-abstract-icon-representing-a-streamli-1774402750468-e2e426aa.png",
|
||||
imageAlt: "Abstract icon representing a streamlined process",
|
||||
},
|
||||
title: "Beginner-Friendly Process", description: "Our transparent, 5-step process guides you from idea to launch, making web development easy and stress-free, even for non-technical clients.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BPtkeEt69x9sMAlFuKkr7xBTjq/an-abstract-icon-representing-a-streamli-1774402750468-e2e426aa.png", imageAlt: "Abstract icon representing a streamlined process"},
|
||||
{
|
||||
id: 5,
|
||||
title: "Custom-Built & Fast Turnaround",
|
||||
description: "We deliver high-quality, custom-built websites efficiently without compromising on unique brand identity or robust functionality.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BPtkeEt69x9sMAlFuKkr7xBTjq/an-abstract-icon-representing-custom-bui-1774402750713-cc7c8e44.png",
|
||||
imageAlt: "Abstract icon representing custom solutions",
|
||||
},
|
||||
title: "Custom-Built & Fast Turnaround", description: "We deliver high-quality, custom-built websites efficiently without compromising on unique brand identity or robust functionality.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BPtkeEt69x9sMAlFuKkr7xBTjq/an-abstract-icon-representing-custom-bui-1774402750713-cc7c8e44.png", imageAlt: "Abstract icon representing custom solutions"},
|
||||
]}
|
||||
title="Unlock Your Digital Potential"
|
||||
description="Discover our comprehensive services designed to elevate your online presence and deliver measurable results for your business."
|
||||
@@ -154,33 +109,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Fitness Coaching Hub",
|
||||
price: "Increased sign-ups by 40%",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BPtkeEt69x9sMAlFuKkr7xBTjq/a-clean-modern-website-mockup-for-a-fitn-1774402751429-939d9c59.png",
|
||||
imageAlt: "Website mockup for a fitness coaching brand",
|
||||
},
|
||||
id: "1", name: "Fitness Coaching Hub", price: "Increased sign-ups by 40%", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BPtkeEt69x9sMAlFuKkr7xBTjq/a-clean-modern-website-mockup-for-a-fitn-1774402751429-939d9c59.png", imageAlt: "Website mockup for a fitness coaching brand"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Gourmet Coffee Shop",
|
||||
price: "Boosted online orders by 60%",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BPtkeEt69x9sMAlFuKkr7xBTjq/a-sophisticated-website-mockup-for-a-gou-1774402752649-46f053be.png",
|
||||
imageAlt: "Website mockup for a gourmet coffee shop",
|
||||
},
|
||||
id: "2", name: "Gourmet Coffee Shop", price: "Boosted online orders by 60%", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BPtkeEt69x9sMAlFuKkr7xBTjq/a-sophisticated-website-mockup-for-a-gou-1774402752649-46f053be.png", imageAlt: "Website mockup for a gourmet coffee shop"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Freelance Designer Portfolio",
|
||||
price: "Secured 25% more client inquiries",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BPtkeEt69x9sMAlFuKkr7xBTjq/a-minimalist-website-mockup-for-a-freela-1774402751867-793efb0f.png",
|
||||
imageAlt: "Website mockup for a freelance graphic designer",
|
||||
},
|
||||
id: "3", name: "Freelance Designer Portfolio", price: "Secured 25% more client inquiries", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BPtkeEt69x9sMAlFuKkr7xBTjq/a-minimalist-website-mockup-for-a-freela-1774402751867-793efb0f.png", imageAlt: "Website mockup for a freelance graphic designer"},
|
||||
{
|
||||
id: "4",
|
||||
name: "SaaS Project Management",
|
||||
price: "Improved user engagement by 35%",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BPtkeEt69x9sMAlFuKkr7xBTjq/a-dynamic-website-mockup-for-a-saas-star-1774402753718-d7665125.png",
|
||||
imageAlt: "Website mockup for a SaaS project management tool",
|
||||
},
|
||||
id: "4", name: "SaaS Project Management", price: "Improved user engagement by 35%", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BPtkeEt69x9sMAlFuKkr7xBTjq/a-dynamic-website-mockup-for-a-saas-star-1774402753718-d7665125.png", imageAlt: "Website mockup for a SaaS project management tool"},
|
||||
]}
|
||||
title="Our Impactful Work"
|
||||
description="Explore a selection of high-performing websites we've crafted for clients across diverse industries, each delivering real results and driving growth."
|
||||
@@ -194,37 +129,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Chen",
|
||||
role: "CEO, TechInnovate",
|
||||
testimonial: "Working with Web Digital was a game-changer for our startup. Their expertise in conversion-focused design led to an immediate increase in lead generation. Highly recommend!",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BPtkeEt69x9sMAlFuKkr7xBTjq/a-professional-portrait-of-a-smiling-fem-1774402751999-1e3e5908.png",
|
||||
imageAlt: "Sarah Chen, CEO",
|
||||
},
|
||||
id: "1", name: "Sarah Chen", role: "CEO, TechInnovate", testimonial: "Working with Web Digital was a game-changer for our startup. Their expertise in conversion-focused design led to an immediate increase in lead generation. Highly recommend!", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BPtkeEt69x9sMAlFuKkr7xBTjq/a-professional-portrait-of-a-smiling-fem-1774402751999-1e3e5908.png", imageAlt: "Sarah Chen, CEO"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Mark Rodriguez",
|
||||
role: "Founder, GrowMore Agency",
|
||||
testimonial: "The team at Web Digital delivered a stunning new website that perfectly captures our brand. The process was smooth, efficient, and the results speak for themselves.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BPtkeEt69x9sMAlFuKkr7xBTjq/a-professional-portrait-of-a-male-entrep-1774402751160-defeefb0.png",
|
||||
imageAlt: "Mark Rodriguez, Founder",
|
||||
},
|
||||
id: "2", name: "Mark Rodriguez", role: "Founder, GrowMore Agency", testimonial: "The team at Web Digital delivered a stunning new website that perfectly captures our brand. The process was smooth, efficient, and the results speak for themselves.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BPtkeEt69x9sMAlFuKkr7xBTjq/a-professional-portrait-of-a-male-entrep-1774402751160-defeefb0.png", imageAlt: "Mark Rodriguez, Founder"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily White",
|
||||
role: "Owner, Boutique Bloom",
|
||||
testimonial: "As a small business owner, I needed a website that was both beautiful and functional. Web Digital exceeded all my expectations, providing a site that's easy to manage and converts visitors.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BPtkeEt69x9sMAlFuKkr7xBTjq/a-professional-portrait-of-a-female-smal-1774402750556-b53821dc.png",
|
||||
imageAlt: "Emily White, Owner",
|
||||
},
|
||||
id: "3", name: "Emily White", role: "Owner, Boutique Bloom", testimonial: "As a small business owner, I needed a website that was both beautiful and functional. Web Digital exceeded all my expectations, providing a site that's easy to manage and converts visitors.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BPtkeEt69x9sMAlFuKkr7xBTjq/a-professional-portrait-of-a-female-smal-1774402750556-b53821dc.png", imageAlt: "Emily White, Owner"},
|
||||
{
|
||||
id: "4",
|
||||
name: "David Kim",
|
||||
role: "Marketing Director, Stratagem Corp",
|
||||
testimonial: "Web Digital's approach to web development is truly top-tier. They built a robust platform that scaled with our needs, and their ongoing support has been invaluable.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BPtkeEt69x9sMAlFuKkr7xBTjq/a-professional-portrait-of-a-male-market-1774402751389-658771d0.png",
|
||||
imageAlt: "David Kim, Marketing Director",
|
||||
},
|
||||
id: "4", name: "David Kim", role: "Marketing Director, Stratagem Corp", testimonial: "Web Digital's approach to web development is truly top-tier. They built a robust platform that scaled with our needs, and their ongoing support has been invaluable.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BPtkeEt69x9sMAlFuKkr7xBTjq/a-professional-portrait-of-a-male-market-1774402751389-658771d0.png", imageAlt: "David Kim, Marketing Director"},
|
||||
]}
|
||||
title="What Our Clients Say"
|
||||
description="Hear directly from entrepreneurs and businesses who have transformed their online presence and achieved their goals with Web Digital."
|
||||
@@ -237,30 +148,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "How long does it take to build a website?",
|
||||
content: "The timeline varies based on complexity and features, but typically ranges from 4-8 weeks. We'll provide a detailed timeline after our initial consultation.",
|
||||
},
|
||||
id: "1", title: "How long does it take to build a website?", content: "The timeline varies based on complexity and features, but typically ranges from 4-8 weeks. We'll provide a detailed timeline after our initial consultation."},
|
||||
{
|
||||
id: "2",
|
||||
title: "Do I need technical knowledge to work with you?",
|
||||
content: "Absolutely not! We handle all the technical aspects. Our process is designed to be beginner-friendly, guiding you every step of the way.",
|
||||
},
|
||||
id: "2", title: "Do I need technical knowledge to work with you?", content: "Absolutely not! We handle all the technical aspects. Our process is designed to be beginner-friendly, guiding you every step of the way."},
|
||||
{
|
||||
id: "3",
|
||||
title: "What platforms do you use for website development?",
|
||||
content: "We primarily work with modern, flexible platforms like Next.js, WordPress (for specific use cases), and custom coding to ensure optimal performance and scalability.",
|
||||
},
|
||||
id: "3", title: "What platforms do you use for website development?", content: "We primarily work with modern, flexible platforms like Next.js, WordPress (for specific use cases), and custom coding to ensure optimal performance and scalability."},
|
||||
{
|
||||
id: "4",
|
||||
title: "Can I update the website myself after launch?",
|
||||
content: "Yes, all our websites come with user-friendly content management systems (CMS) that allow you to easily update text, images, and other content without any coding knowledge.",
|
||||
},
|
||||
id: "4", title: "Can I update the website myself after launch?", content: "Yes, all our websites come with user-friendly content management systems (CMS) that allow you to easily update text, images, and other content without any coding knowledge."},
|
||||
{
|
||||
id: "5",
|
||||
title: "What is included in a typical website package?",
|
||||
content: "Our packages generally include custom design, responsive development, SEO optimization, CMS integration, and launch support. Specifics are tailored to your needs.",
|
||||
},
|
||||
id: "5", title: "What is included in a typical website package?", content: "Our packages generally include custom design, responsive development, SEO optimization, CMS integration, and launch support. Specifics are tailored to your needs."},
|
||||
]}
|
||||
title="Got Questions? We Have Answers."
|
||||
description="Find quick answers to the most common questions about our web design and development services."
|
||||
@@ -275,27 +171,16 @@ export default function LandingPage() {
|
||||
description="Let's build a website that drives results. Book your free consultation call today to discuss your project."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
required: true,
|
||||
name: "name", type: "text", placeholder: "Your Name", required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Your Email",
|
||||
required: true,
|
||||
name: "email", type: "email", placeholder: "Your Email", required: true,
|
||||
},
|
||||
{
|
||||
name: "phone",
|
||||
type: "tel",
|
||||
placeholder: "Your Phone Number (Optional)",
|
||||
},
|
||||
name: "phone", type: "tel", placeholder: "Your Phone Number (Optional)"},
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Tell us about your project...",
|
||||
rows: 4,
|
||||
name: "message", placeholder: "Tell us about your project...", rows: 4,
|
||||
}}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BPtkeEt69x9sMAlFuKkr7xBTjq/a-diverse-team-of-web-developers-and-des-1774402751245-bdc98432.png"
|
||||
imageAlt="Team collaborating on a web project"
|
||||
@@ -312,19 +197,13 @@ export default function LandingPage() {
|
||||
socialLinks={[
|
||||
{
|
||||
icon: Twitter,
|
||||
href: "https://twitter.com/webdigital",
|
||||
ariaLabel: "Twitter",
|
||||
},
|
||||
href: "https://twitter.com/webdigital", ariaLabel: "Twitter"},
|
||||
{
|
||||
icon: Linkedin,
|
||||
href: "https://linkedin.com/company/webdigital",
|
||||
ariaLabel: "LinkedIn",
|
||||
},
|
||||
href: "https://linkedin.com/company/webdigital", ariaLabel: "LinkedIn"},
|
||||
{
|
||||
icon: Instagram,
|
||||
href: "https://instagram.com/webdigital",
|
||||
ariaLabel: "Instagram",
|
||||
},
|
||||
href: "https://instagram.com/webdigital", ariaLabel: "Instagram"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user