bender/6a29a5aa-e67e-41e9-973d-ebcce824ce9b
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-06-08 09:57:19 +00:00
parent deb3d377f2
commit 31036578b7
1 changed files with 75 additions and 262 deletions
Download Patch File Download Diff File Expand all files Collapse all files

337
src/app/page.tsx
View File

@@ -33,33 +33,19 @@ export default function LandingPage() {
<NavbarStyleApple
navItems={[
{
name: "Home",
id: "#hero",
},
name: "Home", id: "#hero"},
{
name: "Process",
id: "#process",
},
name: "Process", id: "#process"},
{
name: "Services",
id: "#services",
},
name: "Services", id: "#services"},
{
name: "Work",
id: "#work",
},
name: "Work", id: "#work"},
{
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="WebDev Solutions"
/>
@@ -68,20 +54,15 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroSplit
background={{
variant: "canvas-reveal",
}}
variant: "canvas-reveal"}}
imagePosition="right"
title="Innovative Web Solutions for Your Business Growth"
description="Transform your ideas into impactful digital experiences with our expert web development services. We build scalable, high-performance, and user-centric websites."
buttons={[
{
text: "Get Started",
href: "#contact",
},
text: "Get Started", href: "#contact"},
{
text: "View Our Work",
href: "#work",
},
text: "View Our Work", href: "#work"},
]}
imageSrc="http://img.b2bpic.net/free-photo/working-table-with-computer_93675-133091.jpg"
imageAlt="Modern web development workspace with code and design interfaces"
@@ -89,52 +70,32 @@ export default function LandingPage() {
fixedMediaHeight={true}
avatars={[
{
src: "http://img.b2bpic.net/free-photo/scientist-factory-using-tablet-check-photovoltaics-materials-parameters_482257-120526.jpg",
alt: "male lead developer headshot focused",
},
src: "http://img.b2bpic.net/free-photo/scientist-factory-using-tablet-check-photovoltaics-materials-parameters_482257-120526.jpg", alt: "male lead developer headshot focused"},
{
src: "http://img.b2bpic.net/free-photo/well-dressed-employee-outdoors_1098-2197.jpg",
alt: "Well-dressed employee outdoors",
},
src: "http://img.b2bpic.net/free-photo/well-dressed-employee-outdoors_1098-2197.jpg", alt: "Well-dressed employee outdoors"},
{
src: "http://img.b2bpic.net/free-photo/portrait-woman-working-her-office-businesswoman-sitting-with-her-notebook-writing-making_1258-194709.jpg",
alt: "Portrait of woman working in her office businesswoman sitting with her notebook writing and making",
},
src: "http://img.b2bpic.net/free-photo/portrait-woman-working-her-office-businesswoman-sitting-with-her-notebook-writing-making_1258-194709.jpg", alt: "Portrait of woman working in her office businesswoman sitting with her notebook writing and making"},
{
src: "http://img.b2bpic.net/free-photo/cheerful-attractive-businesswoman-crossing-arms_1262-4724.jpg",
alt: "Cheerful attractive businesswoman crossing arms",
},
src: "http://img.b2bpic.net/free-photo/cheerful-attractive-businesswoman-crossing-arms_1262-4724.jpg", alt: "Cheerful attractive businesswoman crossing arms"},
{
src: "http://img.b2bpic.net/free-photo/joyful-woman-holding-digital-tablet_1098-2191.jpg",
alt: "Joyful woman holding a digital tablet",
},
src: "http://img.b2bpic.net/free-photo/joyful-woman-holding-digital-tablet_1098-2191.jpg", alt: "Joyful woman holding a digital tablet"},
]}
avatarText="Join our growing client base!"
marqueeItems={[
{
type: "text-icon",
text: "Performance Optimized",
icon: Rocket,
type: "text-icon", text: "Performance Optimized", icon: Rocket,
},
{
type: "text-icon",
text: "Scalable Architecture",
icon: Scale,
type: "text-icon", text: "Scalable Architecture", icon: Scale,
},
{
type: "text-icon",
text: "User-Centric Design",
icon: Palette,
type: "text-icon", text: "User-Centric Design", icon: Palette,
},
{
type: "text-icon",
text: "Secure & Reliable",
icon: Shield,
type: "text-icon", text: "Secure & Reliable", icon: Shield,
},
{
type: "text-icon",
text: "Future-Proof Technology",
icon: Zap,
type: "text-icon", text: "Future-Proof Technology", icon: Zap,
},
]}
marqueeSpeed={35}
@@ -146,23 +107,18 @@ export default function LandingPage() {
useInvertedBackground={true}
heading={[
{
type: "text",
content: "Our Agile ",
},
type: "text", content: "Our Agile "},
{
type: "text",
content: "Development Process",
},
type: "text", content: "Development Process"},
{
type: "image", src: "http://img.b2bpic.net/free-photo/happy-young-colleagues-sitting-office-coworking_171337-17644.jpg", alt: "web development team collaboration"
}
]}
buttons={[
{
text: "Learn More About Us",
href: "#",
},
text: "Learn More About Us", href: "#"},
]}
imageWrapperClassName="h-96"
imageSrc="http://img.b2bpic.net/free-photo/happy-young-colleagues-sitting-office-coworking_171337-17644.jpg"
imageAlt="web development team collaboration"
/>
</div>
@@ -172,29 +128,11 @@ export default function LandingPage() {
useInvertedBackground={false}
features={[
{
tag: "Development",
title: "Custom Web Application Development",
subtitle: "Building robust and scalable web applications tailored to your business needs.",
description: "From complex enterprise solutions to innovative startup MVPs, we craft high-performance applications with cutting-edge technologies.",
imageSrc: "http://img.b2bpic.net/free-photo/modern-office-desk-composition-with-technological-device_23-2147916743.jpg",
imageAlt: "Responsive website design across devices",
},
tag: "Development", title: "Custom Web Application Development", subtitle: "Building robust and scalable web applications tailored to your business needs.", description: "From complex enterprise solutions to innovative startup MVPs, we craft high-performance applications with cutting-edge technologies.", imageSrc: "http://img.b2bpic.net/free-photo/modern-office-desk-composition-with-technological-device_23-2147916743.jpg", imageAlt: "Responsive website design across devices"},
{
tag: "Performance",
title: "Optimized Backend & API Services",
subtitle: "Ensuring your applications are fast, secure, and ready for high traffic.",
description: "We design and implement efficient backend systems and powerful APIs that serve as the backbone for your web applications, focusing on reliability and speed.",
imageSrc: "http://img.b2bpic.net/free-photo/silhouette-business-person-typing_53876-42735.jpg",
imageAlt: "Optimized code snippet on a dark terminal",
},
tag: "Performance", title: "Optimized Backend & API Services", subtitle: "Ensuring your applications are fast, secure, and ready for high traffic.", description: "We design and implement efficient backend systems and powerful APIs that serve as the backbone for your web applications, focusing on reliability and speed.", imageSrc: "http://img.b2bpic.net/free-photo/silhouette-business-person-typing_53876-42735.jpg", imageAlt: "Optimized code snippet on a dark terminal"},
{
tag: "Deployment",
title: "Cloud Infrastructure & DevOps",
subtitle: "Streamlining deployment and ensuring seamless operations.",
description: "Leverage the power of cloud platforms and modern DevOps practices for continuous integration, delivery, and robust infrastructure management.",
imageSrc: "http://img.b2bpic.net/free-photo/technology-background-texture_23-2148105487.jpg",
imageAlt: "Server rack with glowing lights in a data center",
},
tag: "Deployment", title: "Cloud Infrastructure & DevOps", subtitle: "Streamlining deployment and ensuring seamless operations.", description: "Leverage the power of cloud platforms and modern DevOps practices for continuous integration, delivery, and robust infrastructure management.", imageSrc: "http://img.b2bpic.net/free-photo/technology-background-texture_23-2148105487.jpg", imageAlt: "Server rack with glowing lights in a data center"},
]}
title="Comprehensive Web Development Services"
description="We offer a full spectrum of services to bring your digital vision to life, from initial concept to deployment and beyond."
@@ -209,65 +147,23 @@ export default function LandingPage() {
useInvertedBackground={true}
products={[
{
id: "1",
brand: "E-Commerce",
name: "Online Retail Platform",
price: "Custom",
rating: 5,
reviewCount: "25 reviews",
imageSrc: "http://img.b2bpic.net/free-photo/still-life-fashion-designer-s-office_23-2150543698.jpg",
imageAlt: "e-commerce product page modern",
},
id: "1", brand: "E-Commerce", name: "Online Retail Platform", price: "Custom", rating: 5,
reviewCount: "25 reviews", imageSrc: "http://img.b2bpic.net/free-photo/still-life-fashion-designer-s-office_23-2150543698.jpg", imageAlt: "e-commerce product page modern"},
{
id: "2",
brand: "SaaS",
name: "Analytics Dashboard App",
price: "Custom",
rating: 5,
reviewCount: "18 reviews",
imageSrc: "http://img.b2bpic.net/free-photo/closeup-african-american-entrepreneur-analyzing-company-profit_482257-20207.jpg",
imageAlt: "saas analytics dashboard modern ui",
},
id: "2", brand: "SaaS", name: "Analytics Dashboard App", price: "Custom", rating: 5,
reviewCount: "18 reviews", imageSrc: "http://img.b2bpic.net/free-photo/closeup-african-american-entrepreneur-analyzing-company-profit_482257-20207.jpg", imageAlt: "saas analytics dashboard modern ui"},
{
id: "3",
brand: "Content",
name: "Modern Blog & Publishing Site",
price: "Custom",
rating: 4,
reviewCount: "12 reviews",
imageSrc: "http://img.b2bpic.net/free-photo/mysterious-word-faded-shadow-font-typography-illustration_53876-129893.jpg",
imageAlt: "content marketing blog website design",
},
id: "3", brand: "Content", name: "Modern Blog & Publishing Site", price: "Custom", rating: 4,
reviewCount: "12 reviews", imageSrc: "http://img.b2bpic.net/free-photo/mysterious-word-faded-shadow-font-typography-illustration_53876-129893.jpg", imageAlt: "content marketing blog website design"},
{
id: "4",
brand: "Marketing",
name: "High-Converting Landing Page",
price: "Custom",
rating: 5,
reviewCount: "30 reviews",
imageSrc: "http://img.b2bpic.net/free-vector/flat-design-online-college-sale-banner-template_23-2150588721.jpg",
imageAlt: "digital product landing page responsive",
},
id: "4", brand: "Marketing", name: "High-Converting Landing Page", price: "Custom", rating: 5,
reviewCount: "30 reviews", imageSrc: "http://img.b2bpic.net/free-vector/flat-design-online-college-sale-banner-template_23-2150588721.jpg", imageAlt: "digital product landing page responsive"},
{
id: "5",
brand: "Portfolio",
name: "Creative Agency Portfolio",
price: "Custom",
rating: 5,
reviewCount: "22 reviews",
imageSrc: "http://img.b2bpic.net/free-photo/public-examination-preparation-concept_23-2149369869.jpg",
imageAlt: "creative portfolio website design elegant",
},
id: "5", brand: "Portfolio", name: "Creative Agency Portfolio", price: "Custom", rating: 5,
reviewCount: "22 reviews", imageSrc: "http://img.b2bpic.net/free-photo/public-examination-preparation-concept_23-2149369869.jpg", imageAlt: "creative portfolio website design elegant"},
{
id: "6",
brand: "Mobile App",
name: "Intuitive Mobile Application",
price: "Custom",
rating: 4,
reviewCount: "15 reviews",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-male-hand-holding-smartphone-with-black-friday-discount-coupon-while-paying-purchases-checkout-cashier-scanning-promotional-promo-code-displayed-consumer-mobile-device_482257-69278.jpg",
imageAlt: "mobile application ui ux design",
},
id: "6", brand: "Mobile App", name: "Intuitive Mobile Application", price: "Custom", rating: 4,
reviewCount: "15 reviews", imageSrc: "http://img.b2bpic.net/free-photo/close-up-male-hand-holding-smartphone-with-black-friday-discount-coupon-while-paying-purchases-checkout-cashier-scanning-promotional-promo-code-displayed-consumer-mobile-device_482257-69278.jpg", imageAlt: "mobile application ui ux design"},
]}
title="Our Recent Web Development Projects"
description="Explore a selection of our successful projects, showcasing our expertise in various industries and technologies."
@@ -281,64 +177,28 @@ export default function LandingPage() {
useInvertedBackground={false}
testimonials={[
{
id: "1",
name: "Sarah Johnson",
role: "CEO",
company: "InnovateCorp",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/close-up-successful-entrepreneur_1098-3855.jpg",
imageAlt: "female CEO headshot professional",
},
id: "1", name: "Sarah Johnson", role: "CEO", company: "InnovateCorp", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/close-up-successful-entrepreneur_1098-3855.jpg", imageAlt: "female CEO headshot professional"},
{
id: "2",
name: "Michael Chen",
role: "CTO",
company: "TechFusion",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/disabled-business-manager-wheelchair-looking-tired-front_482257-2229.jpg",
imageAlt: "male CTO headshot confident",
},
id: "2", name: "Michael Chen", role: "CTO", company: "TechFusion", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/disabled-business-manager-wheelchair-looking-tired-front_482257-2229.jpg", imageAlt: "male CTO headshot confident"},
{
id: "3",
name: "Emily Rodriguez",
role: "Marketing Director",
company: "GrowthSpark",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-sitting-library_273609-15839.jpg",
imageAlt: "female marketing director headshot",
},
id: "3", name: "Emily Rodriguez", role: "Marketing Director", company: "GrowthSpark", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-sitting-library_273609-15839.jpg", imageAlt: "female marketing director headshot"},
{
id: "4",
name: "David Kim",
role: "Product Manager",
company: "SynergyLabs",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-business-man-posing-with-crossed-arms_23-2149206526.jpg",
imageAlt: "male product manager headshot",
},
id: "4", name: "David Kim", role: "Product Manager", company: "SynergyLabs", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-business-man-posing-with-crossed-arms_23-2149206526.jpg", imageAlt: "male product manager headshot"},
{
id: "5",
name: "Jessica Lee",
role: "Founder",
company: "CreativeFlow",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/man-with-light-bulb-icon_53876-63291.jpg",
imageAlt: "female entrepreneur headshot energetic",
},
id: "5", name: "Jessica Lee", role: "Founder", company: "CreativeFlow", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/man-with-light-bulb-icon_53876-63291.jpg", imageAlt: "female entrepreneur headshot energetic"},
]}
kpiItems={[
{
value: "99%",
label: "Client Satisfaction",
},
value: "99%", label: "Client Satisfaction"},
{
value: "100+",
label: "Projects Completed",
},
value: "100+", label: "Projects Completed"},
{
value: "5 Stars",
label: "Average Rating",
},
value: "5 Stars", label: "Average Rating"},
]}
title="What Our Clients Say About Us"
description="Don't just take our word for it. Hear directly from our satisfied clients about their experience working with WebDev Solutions."
@@ -350,14 +210,7 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={true}
names={[
"GlobalTech Solutions",
"DataBridge Innovations",
"SecureNet Systems",
"AI Frontier Labs",
"Synergy Enterprise",
"Apex Digital Marketing",
"FinWise Group",
]}
"GlobalTech Solutions", "DataBridge Innovations", "SecureNet Systems", "AI Frontier Labs", "Synergy Enterprise", "Apex Digital Marketing", "FinWise Group"]}
title="Trusted by Industry Leaders"
description="We partner with a diverse range of companies, from innovative startups to established enterprises, to deliver exceptional web solutions."
/>
@@ -369,25 +222,13 @@ export default function LandingPage() {
useInvertedBackground={false}
faqs={[
{
id: "1",
title: "What technologies do you specialize in?",
content: "We specialize in a wide range of modern web technologies including React, Next.js, Node.js, Python/Django, various database systems, and cloud platforms like AWS and Google Cloud.",
},
id: "1", title: "What technologies do you specialize in?", content: "We specialize in a wide range of modern web technologies including React, Next.js, Node.js, Python/Django, various database systems, and cloud platforms like AWS and Google Cloud."},
{
id: "2",
title: "How long does a typical web development project take?",
content: "Project timelines vary depending on complexity and scope. A typical project can range from 4 weeks for a simple landing page to 6+ months for a complex web application. We'll provide a detailed timeline after our initial consultation.",
},
id: "2", title: "How long does a typical web development project take?", content: "Project timelines vary depending on complexity and scope. A typical project can range from 4 weeks for a simple landing page to 6+ months for a complex web application. We'll provide a detailed timeline after our initial consultation."},
{
id: "3",
title: "What is your pricing model?",
content: "Our pricing is typically project-based, calculated on the scope of work, estimated hours, and required expertise. We offer competitive rates and transparent proposals. Custom retainers are also available for ongoing support.",
},
id: "3", title: "What is your pricing model?", content: "Our pricing is typically project-based, calculated on the scope of work, estimated hours, and required expertise. We offer competitive rates and transparent proposals. Custom retainers are also available for ongoing support."},
{
id: "4",
title: "Do you offer post-launch support and maintenance?",
content: "Yes, we offer comprehensive post-launch support and maintenance packages, including bug fixes, security updates, performance monitoring, and feature enhancements to ensure your website runs smoothly.",
},
id: "4", title: "Do you offer post-launch support and maintenance?", content: "Yes, we offer comprehensive post-launch support and maintenance packages, including bug fixes, security updates, performance monitoring, and feature enhancements to ensure your website runs smoothly."},
]}
imageSrc="http://img.b2bpic.net/free-photo/woman-expert-developer-works-with-photo-editing-software_482257-126186.jpg"
imageAlt="problem solving digital screen questions"
@@ -403,18 +244,13 @@ export default function LandingPage() {
<ContactText
useInvertedBackground={true}
background={{
variant: "radial-gradient",
}}
variant: "radial-gradient"}}
text="Ready to elevate your online presence? Let's build something amazing together."
buttons={[
{
text: "Get a Free Consultation",
href: "mailto:info@webdevsolutions.com",
},
text: "Get a Free Consultation", href: "mailto:info@webdevsolutions.com"},
{
text: "Call Us Today",
href: "tel:+1234567890",
},
text: "Call Us Today", href: "tel:+1234567890"},
]}
/>
</div>
@@ -423,58 +259,35 @@ export default function LandingPage() {
<FooterSimple
columns={[
{
title: "Services",
items: [
title: "Services", items: [
{
label: "Web Development",
href: "#services",
},
label: "Web Development", href: "#services"},
{
label: "Backend & APIs",
href: "#services",
},
label: "Backend & APIs", href: "#services"},
{
label: "Cloud & DevOps",
href: "#services",
},
label: "Cloud & DevOps", href: "#services"},
{
label: "UI/UX Design",
href: "#",
},
label: "UI/UX Design", href: "#"},
],
},
{
title: "Company",
items: [
title: "Company", items: [
{
label: "About Us",
href: "#process",
},
label: "About Us", href: "#process"},
{
label: "Our Work",
href: "#work",
},
label: "Our Work", href: "#work"},
{
label: "Testimonials",
href: "#testimonials",
},
label: "Testimonials", href: "#testimonials"},
{
label: "Contact",
href: "#contact",
},
label: "Contact", href: "#contact"},
],
},
{
title: "Legal",
items: [
title: "Legal", items: [
{
label: "Privacy Policy",
href: "#",
},
label: "Privacy Policy", href: "#"},
{
label: "Terms of Service",
href: "#",
},
label: "Terms of Service", href: "#"},
],
},
]}