Merge version_1 into main #1
224
src/app/page.tsx
224
src/app/page.tsx
@@ -33,120 +33,75 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
name: "Home", id: "/"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "#services",
|
||||
},
|
||||
name: "Services", id: "#services"},
|
||||
{
|
||||
name: "Clients",
|
||||
id: "#clients",
|
||||
},
|
||||
name: "Clients", id: "#clients"},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "#testimonials",
|
||||
},
|
||||
name: "Testimonials", id: "#testimonials"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
name: "Contact", id: "#contact"},
|
||||
]}
|
||||
logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=4ucuyv"
|
||||
logoAlt="Web Agency Logo"
|
||||
brandName="Web Agency"
|
||||
button={{
|
||||
text: "Get a Quote",
|
||||
href: "#contact",
|
||||
}}
|
||||
text: "Get a Quote", href: "#contact"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitKpi
|
||||
background={{
|
||||
variant: "glowing-orb",
|
||||
}}
|
||||
variant: "glowing-orb"}}
|
||||
title="🚀 Need a Professional Website for Your Business?"
|
||||
description="We create modern, fast, and mobile-friendly websites that help businesses grow online."
|
||||
kpis={[
|
||||
{
|
||||
value: "200+",
|
||||
label: "Projects Completed",
|
||||
},
|
||||
value: "200+", label: "Projects Completed"},
|
||||
{
|
||||
value: "99%",
|
||||
label: "Client Satisfaction",
|
||||
},
|
||||
value: "99%", label: "Client Satisfaction"},
|
||||
{
|
||||
value: "100%",
|
||||
label: "On-Time Delivery",
|
||||
},
|
||||
value: "100%", label: "On-Time Delivery"},
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
tag="Your Digital Partner"
|
||||
buttons={[
|
||||
{
|
||||
text: "Get a Free Quote",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Get a Free Quote", href: "#contact"},
|
||||
{
|
||||
text: "View Our Portfolio",
|
||||
href: "#services",
|
||||
},
|
||||
text: "View Our Portfolio", href: "#services"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/teleworker-home-office-editing-documents-mockup-laptop_482257-121888.jpg"
|
||||
imageAlt="Modern laptop displaying a glowing website interface"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/company-worker-browsing-internet-research-project-using-computer-create-business-report-with-charts-data-analyzing-network-information-web-presentation-handheld-shot_482257-50935.jpg",
|
||||
alt: "Professional web developer",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/company-worker-browsing-internet-research-project-using-computer-create-business-report-with-charts-data-analyzing-network-information-web-presentation-handheld-shot_482257-50935.jpg", alt: "Professional web developer"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-office-worker-using-computer-develop-analysis-creating-business-charts-graphs-help-with-financial-growth-male-employee-working-e-commerce-project-with-statistics_482257-40928.jpg",
|
||||
alt: "Web designer team lead",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-office-worker-using-computer-develop-analysis-creating-business-charts-graphs-help-with-financial-growth-male-employee-working-e-commerce-project-with-statistics_482257-40928.jpg", alt: "Web designer team lead"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/male-graphic-designer-using-digital-tablet_1170-1092.jpg",
|
||||
alt: "Digital marketing specialist",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/male-graphic-designer-using-digital-tablet_1170-1092.jpg", alt: "Digital marketing specialist"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/handsome-businessman-working-office_158595-1189.jpg",
|
||||
alt: "Project manager",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/handsome-businessman-working-office_158595-1189.jpg", alt: "Project manager"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/fashion-portrait-young-model-working-cafe-terrace-sunny-day_231208-4292.jpg",
|
||||
alt: "UI/UX expert",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/fashion-portrait-young-model-working-cafe-terrace-sunny-day_231208-4292.jpg", alt: "UI/UX expert"},
|
||||
]}
|
||||
avatarText="Join 200+ satisfied clients!"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Innovative Solutions",
|
||||
icon: Lightbulb,
|
||||
type: "text-icon", text: "Innovative Solutions", icon: Lightbulb,
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/abstract-light-painting-dark_23-2149627912.jpg",
|
||||
alt: "Abstract tech logo with blue glow",
|
||||
type: "image", src: "http://img.b2bpic.net/free-photo/abstract-light-painting-dark_23-2149627912.jpg", alt: "Abstract tech logo with blue glow"},
|
||||
{
|
||||
type: "text-icon", text: "Client-Centric Approach", icon: Users,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Client-Centric Approach",
|
||||
icon: Users,
|
||||
},
|
||||
type: "image", src: "http://img.b2bpic.net/free-photo/3d-rendering-triangle_23-2151293868.jpg", alt: "Geometric data logo with blue glow"},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/3d-rendering-triangle_23-2151293868.jpg",
|
||||
alt: "Geometric data logo with blue glow",
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Cutting-Edge Design",
|
||||
icon: PenTool,
|
||||
type: "text-icon", text: "Cutting-Edge Design", icon: PenTool,
|
||||
},
|
||||
]}
|
||||
marqueeSpeed={40}
|
||||
@@ -175,24 +130,16 @@ export default function LandingPage() {
|
||||
features={[
|
||||
{
|
||||
icon: CheckCircle,
|
||||
title: "Business Website",
|
||||
description: "Crafting professional, responsive websites tailored to represent your business online and attract target customers.",
|
||||
},
|
||||
title: "Business Website", description: "Crafting professional, responsive websites tailored to represent your business online and attract target customers."},
|
||||
{
|
||||
icon: CheckCircle,
|
||||
title: "E-commerce Website",
|
||||
description: "Developing secure and user-friendly online stores to maximize your sales and provide a seamless shopping experience.",
|
||||
},
|
||||
title: "E-commerce Website", description: "Developing secure and user-friendly online stores to maximize your sales and provide a seamless shopping experience."},
|
||||
{
|
||||
icon: CheckCircle,
|
||||
title: "Personal Brand Website",
|
||||
description: "Building unique digital platforms that showcase your expertise, portfolio, and personal brand to a global audience.",
|
||||
},
|
||||
title: "Personal Brand Website", description: "Building unique digital platforms that showcase your expertise, portfolio, and personal brand to a global audience."},
|
||||
{
|
||||
icon: CheckCircle,
|
||||
title: "Shop Website",
|
||||
description: "Creating visually appealing and highly functional online shops with robust inventory management and payment integrations.",
|
||||
},
|
||||
title: "Shop Website", description: "Creating visually appealing and highly functional online shops with robust inventory management and payment integrations."},
|
||||
]}
|
||||
title="Our Specialized Web Services"
|
||||
description="From concept to launch, we offer end-to-end web solutions designed to elevate your brand and help you achieve your business goals online."
|
||||
@@ -206,26 +153,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "99.9%",
|
||||
title: "Uptime Guarantee",
|
||||
description: "Ensuring your website is always accessible and performing optimally for your visitors.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/call-mum-inscription-white-board_23-2148096615.jpg",
|
||||
},
|
||||
id: "m1", value: "99.9%", title: "Uptime Guarantee", description: "Ensuring your website is always accessible and performing optimally for your visitors.", imageSrc: "http://img.b2bpic.net/free-photo/call-mum-inscription-white-board_23-2148096615.jpg"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "24/7",
|
||||
title: "Dedicated Support",
|
||||
description: "Always available to assist you with any technical needs or inquiries, day or night.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-men-with-attracting-social-media-like-thumbs-up-icons_53876-88440.jpg",
|
||||
},
|
||||
id: "m2", value: "24/7", title: "Dedicated Support", description: "Always available to assist you with any technical needs or inquiries, day or night.", imageSrc: "http://img.b2bpic.net/free-photo/cheerful-men-with-attracting-social-media-like-thumbs-up-icons_53876-88440.jpg"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "1.2M+",
|
||||
title: "User Reach",
|
||||
description: "Helping businesses expand their online presence and connect with a vast global audience.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/prism-dispersing-colorful-lights_23-2148599238.jpg",
|
||||
},
|
||||
id: "m3", value: "1.2M+", title: "User Reach", description: "Helping businesses expand their online presence and connect with a vast global audience.", imageSrc: "http://img.b2bpic.net/free-photo/prism-dispersing-colorful-lights_23-2148599238.jpg"},
|
||||
]}
|
||||
title="Achieving Digital Excellence"
|
||||
description="Our commitment to quality and innovation translates into measurable results and tangible growth for our valued clients."
|
||||
@@ -237,14 +169,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Tech Innovations",
|
||||
"Global Dynamics",
|
||||
"Creative Spark Studios",
|
||||
"Apex Solutions",
|
||||
"Future Forward Systems",
|
||||
"Digital Edge Corp",
|
||||
"Synergy Partners",
|
||||
]}
|
||||
"Tech Innovations", "Global Dynamics", "Creative Spark Studios", "Apex Solutions", "Future Forward Systems", "Digital Edge Corp", "Synergy Partners"]}
|
||||
title="Trusted by Industry Leaders"
|
||||
description="We've empowered a diverse range of businesses, from startups to established enterprises, to thrive and succeed online with our innovative web solutions."
|
||||
/>
|
||||
@@ -258,44 +183,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Johnson",
|
||||
role: "CEO",
|
||||
company: "TechCorp",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-attractive-young-businesswoman_329181-15813.jpg",
|
||||
},
|
||||
id: "1", name: "Sarah Johnson", role: "CEO", company: "TechCorp", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-attractive-young-businesswoman_329181-15813.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Michael Chen",
|
||||
role: "CTO",
|
||||
company: "InnovateLab",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-businessman-with-tie_1098-2867.jpg",
|
||||
},
|
||||
id: "2", name: "Michael Chen", role: "CTO", company: "InnovateLab", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-businessman-with-tie_1098-2867.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily Rodriguez",
|
||||
role: "Marketing Director",
|
||||
company: "GrowthCo",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-female-dentist-dentistry-concept-dental-treatment_169016-67170.jpg",
|
||||
},
|
||||
id: "3", name: "Emily Rodriguez", role: "Marketing Director", company: "GrowthCo", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-female-dentist-dentistry-concept-dental-treatment_169016-67170.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "David Kim",
|
||||
role: "Product Manager",
|
||||
company: "StartupXYZ",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/confident-young-business-analyst-enjoying-coffee-break_1262-14892.jpg",
|
||||
},
|
||||
id: "4", name: "David Kim", role: "Product Manager", company: "StartupXYZ", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/confident-young-business-analyst-enjoying-coffee-break_1262-14892.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Jessica Lee",
|
||||
role: "Founder",
|
||||
company: "Visionary Ventures",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-handsome-bearded-male-wearing-stylish-sui_613910-12110.jpg",
|
||||
id: "5", name: "Jessica Lee", role: "Founder", company: "Visionary Ventures", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-handsome-bearded-male-wearing-stylish-sui_613910-12110.jpg",
|
||||
},
|
||||
]}
|
||||
title="What Our Clients Say"
|
||||
@@ -309,25 +210,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "faq1",
|
||||
title: "What is your typical website development process?",
|
||||
content: "Our process typically begins with a discovery phase, followed by design, development, testing, and finally, deployment and ongoing support. We ensure transparent communication at every step.",
|
||||
},
|
||||
id: "faq1", title: "What is your typical website development process?", content: "Our process typically begins with a discovery phase, followed by design, development, testing, and finally, deployment and ongoing support. We ensure transparent communication at every step."},
|
||||
{
|
||||
id: "faq2",
|
||||
title: "How long does it take to build a website?",
|
||||
content: "The timeline varies based on complexity and features. A standard business website might take 4-8 weeks, while larger e-commerce platforms can take 12 weeks or more. We'll provide a detailed estimate after our initial consultation.",
|
||||
},
|
||||
id: "faq2", title: "How long does it take to build a website?", content: "The timeline varies based on complexity and features. A standard business website might take 4-8 weeks, while larger e-commerce platforms can take 12 weeks or more. We'll provide a detailed estimate after our initial consultation."},
|
||||
{
|
||||
id: "faq3",
|
||||
title: "Do you provide website maintenance and support?",
|
||||
content: "Yes, we offer comprehensive maintenance and support packages to ensure your website remains secure, up-to-date, and performs optimally after launch. This includes updates, backups, and technical assistance.",
|
||||
},
|
||||
id: "faq3", title: "Do you provide website maintenance and support?", content: "Yes, we offer comprehensive maintenance and support packages to ensure your website remains secure, up-to-date, and performs optimally after launch. This includes updates, backups, and technical assistance."},
|
||||
{
|
||||
id: "faq4",
|
||||
title: "What technologies do you use for web development?",
|
||||
content: "We leverage a modern tech stack including React, Next.js, Node.js, and various databases. We also specialize in headless CMS solutions and cloud platforms to build scalable and robust applications.",
|
||||
},
|
||||
id: "faq4", title: "What technologies do you use for web development?", content: "We leverage a modern tech stack including React, Next.js, Node.js, and various databases. We also specialize in headless CMS solutions and cloud platforms to build scalable and robust applications."},
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Got questions about our web development process, services, or pricing? Find quick answers here to help you get started."
|
||||
@@ -339,20 +228,15 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "glowing-orb",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
tag="Let's Build Together"
|
||||
title="Ready to Transform Your Online Presence?"
|
||||
description="If you want to grow your business online or need a website, feel free to contact us today. We're here to help you succeed with cutting-edge web solutions. Call us at 📞 9948263203."
|
||||
buttons={[
|
||||
{
|
||||
text: "Call Us Now: 9948263203",
|
||||
href: "tel:+919948263203",
|
||||
},
|
||||
text: "Call Us Now: 9948263203", href: "tel:+919948263203"},
|
||||
{
|
||||
text: "Send an Email",
|
||||
href: "mailto:info@webagency.com",
|
||||
},
|
||||
text: "Send an Email", href: "mailto:info@webagency.com"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -365,19 +249,13 @@ export default function LandingPage() {
|
||||
socialLinks={[
|
||||
{
|
||||
icon: Facebook,
|
||||
href: "https://facebook.com/webagency",
|
||||
ariaLabel: "Facebook",
|
||||
},
|
||||
href: "https://facebook.com/webagency", ariaLabel: "Facebook"},
|
||||
{
|
||||
icon: Instagram,
|
||||
href: "https://instagram.com/webagency",
|
||||
ariaLabel: "Instagram",
|
||||
},
|
||||
href: "https://instagram.com/webagency", ariaLabel: "Instagram"},
|
||||
{
|
||||
icon: Linkedin,
|
||||
href: "https://linkedin.com/company/webagency",
|
||||
ariaLabel: "LinkedIn",
|
||||
},
|
||||
href: "https://linkedin.com/company/webagency", ariaLabel: "LinkedIn"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user