bender/4b1daf46-1b82-491c-9304-034fd27921c7
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-05-05 12:21:21 +00:00
parent 5786265d4b
commit 6bbdb03320
1 changed files with 50 additions and 216 deletions
Download Patch File Download Diff File Expand all files Collapse all files

266
src/app/page.tsx
View File

@@ -31,100 +31,45 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{
name: "Home",
id: "hero",
},
{
name: "About",
id: "about",
},
{
name: "Services",
id: "services",
},
{
name: "Contact",
id: "contact",
},
{ name: "Home", id: "hero" },
{ name: "About", id: "about" },
{ name: "Services", id: "services" },
{ name: "Contact", id: "contact" }
]}
brandName="WebFusion"
button={{
text: "Get Quote",
href: "#contact",
}}
text: "Get Quote", href: "#contact"}}
/>
</div>
<div id="hero" data-section="hero">
<HeroSplitKpi
background={{
variant: "gradient-bars",
}}
background={{ variant: "gradient-bars" }}
title="Bridging Innovation with WebFusion"
description="We craft high-performance digital experiences for startups and enterprises. Get professional software development services today."
kpis={[
{
value: "100+",
label: "Projects Delivered",
},
{
value: "24/7",
label: "Technical Support",
},
{
value: "15+",
label: "Industries Served",
},
{ value: "100+", label: "Projects Delivered" },
{ value: "24/7", label: "Technical Support" },
{ value: "15+", label: "Industries Served" }
]}
enableKpiAnimation={true}
imageSrc="http://img.b2bpic.net/free-photo/person-uses-tablet-governmental-cyber-security-room-working-russian-flag_482257-90680.jpg?_wi=1"
imageSrc="http://img.b2bpic.net/free-photo/person-uses-tablet-governmental-cyber-security-room-working-russian-flag_482257-90680.jpg"
imageAlt="digital technology dashboard code"
mediaAnimation="slide-up"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/businesswoman-cheering-good-news_482257-120419.jpg",
alt: "Businesswoman cheering at good news",
},
{
src: "http://img.b2bpic.net/free-photo/hispanic-executive-manager-thinking-about-something-good-while-sitting-office_662251-244.jpg",
alt: "Hispanic executive manager thinking about something good while sitting in office",
},
{
src: "http://img.b2bpic.net/free-photo/ecstatic-businesswoman-making-yes-gesture_1262-18218.jpg",
alt: "Ecstatic businesswoman making yes gesture",
},
{
src: "http://img.b2bpic.net/free-photo/portrait-corporate-woman-ceo-manager-joins-online-meeting-webinar-saying-hello-laptop_1258-194510.jpg",
alt: "Portrait of corporate woman ceo manager joins online meeting or webinar saying hello at laptop",
},
{
src: "http://img.b2bpic.net/free-photo/laughing-woman-with-laptop-office_23-2147787595.jpg",
alt: "Laughing woman with laptop in office",
},
{ src: "http://img.b2bpic.net/free-photo/businesswoman-cheering-good-news_482257-120419.jpg", alt: "Businesswoman cheering at good news" },
{ src: "http://img.b2bpic.net/free-photo/hispanic-executive-manager-thinking-about-something-good-while-sitting-office_662251-244.jpg", alt: "Hispanic executive manager thinking about something good while sitting in office" },
{ src: "http://img.b2bpic.net/free-photo/ecstatic-businesswoman-making-yes-gesture_1262-18218.jpg", alt: "Ecstatic businesswoman making yes gesture" },
{ src: "http://img.b2bpic.net/free-photo/portrait-corporate-woman-ceo-manager-joins-online-meeting-webinar-saying-hello-laptop_1258-194510.jpg", alt: "Portrait of corporate woman ceo manager joins online meeting or webinar saying hello at laptop" },
{ src: "http://img.b2bpic.net/free-photo/laughing-woman-with-laptop-office_23-2147787595.jpg", alt: "Laughing woman with laptop in office" }
]}
avatarText="Trusted by 500+ global partners"
marqueeItems={[
{
type: "text",
text: "Scalable Cloud Infrastructure",
},
{
type: "text",
text: "Advanced AI Integration",
},
{
type: "text",
text: "Cyber-Secure Development",
},
{
type: "text",
text: "Responsive Design Systems",
},
{
type: "text",
text: "API-First Architecture",
},
{ type: "text", text: "Scalable Cloud Infrastructure" },
{ type: "text", text: "Advanced AI Integration" },
{ type: "text", text: "Cyber-Secure Development" },
{ type: "text", text: "Responsive Design Systems" },
{ type: "text", text: "API-First Architecture" }
]}
/>
</div>
@@ -144,56 +89,26 @@ export default function LandingPage() {
useInvertedBackground={false}
features={[
{
title: "Web Engineering",
description: "Custom platforms built with modern stacks.",
icon: Code,
title: "Web Engineering", description: "Custom platforms built with modern stacks.", icon: Code,
mediaItems: [
{
imageSrc: "http://img.b2bpic.net/free-photo/abstract-network-connections_23-2152020926.jpg",
imageAlt: "cloud computing network nodes",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/user-profile-interface-sign-symbol-icon-3d-rendering_56104-1956.jpg",
imageAlt: "app interface mobile design",
},
],
imageSrc: "http://img.b2bpic.net/free-photo/person-uses-tablet-governmental-cyber-security-room-working-russian-flag_482257-90680.jpg?_wi=2",
imageAlt: "cloud computing network nodes",
{ imageSrc: "http://img.b2bpic.net/free-photo/abstract-network-connections_23-2152020926.jpg", imageAlt: "cloud computing network nodes" },
{ imageSrc: "http://img.b2bpic.net/free-photo/user-profile-interface-sign-symbol-icon-3d-rendering_56104-1956.jpg", imageAlt: "app interface mobile design" }
]
},
{
title: "Mobile Solutions",
description: "Responsive apps for iOS and Android.",
icon: Smartphone,
title: "Mobile Solutions", description: "Responsive apps for iOS and Android.", icon: Smartphone,
mediaItems: [
{
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-man-working-with-tablet_23-2149930989.jpg",
imageAlt: "app interface mobile design",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/female-customer-reviewing-clothes_482257-84194.jpg",
imageAlt: "ecommerce platform technology",
},
],
imageSrc: "http://img.b2bpic.net/free-photo/server-room-workers-using-mockup-notebook-adjusting-power-settings_482257-122562.jpg",
imageAlt: "cloud computing network nodes",
{ imageSrc: "http://img.b2bpic.net/free-photo/high-angle-man-working-with-tablet_23-2149930989.jpg", imageAlt: "app interface mobile design" },
{ imageSrc: "http://img.b2bpic.net/free-photo/female-customer-reviewing-clothes_482257-84194.jpg", imageAlt: "ecommerce platform technology" }
]
},
{
title: "E-Commerce",
description: "Scalable stores that drive conversion.",
icon: ShoppingCart,
title: "E-Commerce", description: "Scalable stores that drive conversion.", icon: ShoppingCart,
mediaItems: [
{
imageSrc: "http://img.b2bpic.net/free-photo/little-supermarket-cart-with-big-label-laptop_23-2147962061.jpg",
imageAlt: "ecommerce platform technology",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/3d-modern-background-with-design-extruding-cubes_1048-12334.jpg",
imageAlt: "cloud computing network nodes",
},
],
imageSrc: "http://img.b2bpic.net/free-photo/black-manager-reads-good-news-laptop_482257-119197.jpg?_wi=1",
imageAlt: "cloud computing network nodes",
},
{ imageSrc: "http://img.b2bpic.net/free-photo/little-supermarket-cart-with-big-label-laptop_23-2147962061.jpg", imageAlt: "ecommerce platform technology" },
{ imageSrc: "http://img.b2bpic.net/free-photo/3d-modern-background-with-design-extruding-cubes_1048-12334.jpg", imageAlt: "cloud computing network nodes" }
]
}
]}
title="Digital Solutions"
description="Comprehensive development services engineered for scale and speed."
@@ -207,27 +122,9 @@ export default function LandingPage() {
gridVariant="bento-grid"
useInvertedBackground={true}
metrics={[
{
id: "m1",
value: "99.9%",
title: "Uptime",
description: "Guaranteed performance.",
icon: Shield,
},
{
id: "m2",
value: "2x",
title: "Speed",
description: "Faster load times.",
icon: Zap,
},
{
id: "m3",
value: "100%",
title: "Satisfaction",
description: "Client success.",
icon: Award,
},
{ id: "m1", value: "99.9%", title: "Uptime", description: "Guaranteed performance.", icon: Shield },
{ id: "m2", value: "2x", title: "Speed", description: "Faster load times.", icon: Zap },
{ id: "m3", value: "100%", title: "Satisfaction", description: "Client success.", icon: Award }
]}
title="Performance at Scale"
description="Data-driven results for your business."
@@ -241,51 +138,11 @@ export default function LandingPage() {
gridVariant="bento-grid"
useInvertedBackground={false}
testimonials={[
{
id: "t1",
name: "Alex Rivier",
role: "CTO",
company: "TechScale",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/black-manager-reads-good-news-laptop_482257-119197.jpg?_wi=2",
imageAlt: "professional tech founder portrait",
},
{
id: "t2",
name: "Sarah Chen",
role: "PM",
company: "Innovate",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-business-woman-formal-wear-standing-office_1303-31472.jpg",
imageAlt: "digital product manager portrait",
},
{
id: "t3",
name: "Mark Jones",
role: "CEO",
company: "Growth",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/modern-business-workspace-glows-with-forecasting-metrics-graphs-corporate-empty-space-equipped_482257-132102.jpg",
imageAlt: "creative design lead portrait",
},
{
id: "t4",
name: "Elena Ross",
role: "Designer",
company: "Creative",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/black-businessman-happy-expression_1194-2547.jpg",
imageAlt: "startup ceo portrait modern",
},
{
id: "t5",
name: "Tom Baker",
role: "Lead",
company: "Apps",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-charming-brunette-businesswoman-glasses-blue-shirt-holds-tablet-sitting-sofa-room-with-loft-design_613910-9144.jpg",
imageAlt: "senior developer headshot",
},
{ id: "t1", name: "Alex Rivier", role: "CTO", company: "TechScale", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/black-manager-reads-good-news-laptop_482257-119197.jpg", imageAlt: "professional tech founder portrait" },
{ id: "t2", name: "Sarah Chen", role: "PM", company: "Innovate", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-business-woman-formal-wear-standing-office_1303-31472.jpg", imageAlt: "digital product manager portrait" },
{ id: "t3", name: "Mark Jones", role: "CEO", company: "Growth", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/modern-business-workspace-glows-with-forecasting-metrics-graphs-corporate-empty-space-equipped_482257-132102.jpg", imageAlt: "creative design lead portrait" },
{ id: "t4", name: "Elena Ross", role: "Designer", company: "Creative", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/black-businessman-happy-expression_1194-2547.jpg", imageAlt: "startup ceo portrait modern" },
{ id: "t5", name: "Tom Baker", role: "Lead", company: "Apps", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-charming-brunette-businesswoman-glasses-blue-shirt-holds-tablet-sitting-sofa-room-with-loft-design_613910-9144.jpg", imageAlt: "senior developer headshot" }
]}
title="Trusted by Leaders"
description="What our clients say about us."
@@ -296,21 +153,9 @@ export default function LandingPage() {
<FaqSplitText
useInvertedBackground={true}
faqs={[
{
id: "f1",
title: "What is WebFusion?",
content: "A software development firm based on modern technology.",
},
{
id: "f2",
title: "How to reach us?",
content: "You can call us at 03138819000.",
},
{
id: "f3",
title: "Email?",
content: "Reach us at officialtouheed314@gmail.com.",
},
{ id: "f1", title: "What is WebFusion?", content: "A software development firm based on modern technology." },
{ id: "f2", title: "How to reach us?", content: "You can call us at 03138819000." },
{ id: "f3", title: "Email?", content: "Reach us at officialtouheed314@gmail.com." }
]}
sideTitle="Common Questions"
faqsAnimation="slide-up"
@@ -320,17 +165,12 @@ export default function LandingPage() {
<div id="contact" data-section="contact">
<ContactCTA
useInvertedBackground={false}
background={{
variant: "radial-gradient",
}}
background={{ variant: "radial-gradient" }}
tag="Contact"
title="Start your journey today"
description="WebFusion is ready to scale your digital presence. Reach out at 03138819000 or officialtouheed314@gmail.com."
buttons={[
{
text: "Contact Us",
href: "mailto:officialtouheed314@gmail.com",
},
{ text: "Contact Us", href: "mailto:officialtouheed314@gmail.com" }
]}
/>
</div>
@@ -340,16 +180,10 @@ export default function LandingPage() {
columns={[
{
items: [
{
label: "Phone: 03138819000",
href: "tel:03138819000",
},
{
label: "Email: officialtouheed314@gmail.com",
href: "mailto:officialtouheed314@gmail.com",
},
],
},
{ label: "Phone: 03138819000", href: "tel:03138819000" },
{ label: "Email: officialtouheed314@gmail.com", href: "mailto:officialtouheed314@gmail.com" }
]
}
]}
logoText="WebFusion"
/>