Merge version_1 into main #2
182
src/app/page.tsx
182
src/app/page.tsx
@@ -33,21 +33,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "features",
|
||||
},
|
||||
name: "Services", id: "features"},
|
||||
{
|
||||
name: "Metrics",
|
||||
id: "metrics",
|
||||
},
|
||||
name: "Metrics", id: "metrics"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="DevSphere"
|
||||
/>
|
||||
@@ -56,32 +48,15 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
title="Robust Software Development & Data Solutions"
|
||||
description="We specialize in scalable database configurations and high-performance software engineering to drive your business success."
|
||||
tag="Trusted Tech Partner"
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-laptop-table-glowing-screen-dark_169016-51519.jpg?_wi=1",
|
||||
imageAlt: "Database development interface",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-laptop-table-glowing-screen-dark_169016-51519.jpg", imageAlt: "Database development interface"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/optical-fiber-background_23-2149301541.jpg?_wi=1",
|
||||
imageAlt: "Server infrastructure",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/building-night-with-windows-illuminated-with-red-white-lights_23-2151966506.jpg",
|
||||
imageAlt: "Building at night with windows illuminated",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/ai-site-helping-with-software-production_1268-21620.jpg",
|
||||
imageAlt: "AI site helping with software production",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/businessman-typing-wireless-keyboard_53876-101868.jpg",
|
||||
imageAlt: "Businessman typing on a wireless keyboard",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/optical-fiber-background_23-2149301541.jpg", imageAlt: "Server infrastructure"}
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
rating={5}
|
||||
@@ -95,7 +70,7 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
title="Built for Results, Engineered for Growth"
|
||||
description="Our team of expert developers focuses on the core needs of your business. We don't just write code; we architect solutions that scale, secure your data, and provide complete peace of mind."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/full-shot-people-discussing-work_23-2149097910.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/full-shot-people-discussing-work_23-2149097910.jpg"
|
||||
imageAlt="Software development team"
|
||||
/>
|
||||
</div>
|
||||
@@ -106,23 +81,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Database Optimization",
|
||||
description: "High-performance database modeling and migration.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cyber-security-expert-working-with-technology-neon-lights_23-2151645587.jpg?_wi=1",
|
||||
imageAlt: "Database security",
|
||||
},
|
||||
title: "Database Optimization", description: "High-performance database modeling and migration.", imageSrc: "http://img.b2bpic.net/free-photo/cyber-security-expert-working-with-technology-neon-lights_23-2151645587.jpg", imageAlt: "Database security"},
|
||||
{
|
||||
title: "Agile Development",
|
||||
description: "Custom software built with speed and precision.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/objects-stationery-workplace-workspace-equipment-concept_53876-31581.jpg?_wi=1",
|
||||
imageAlt: "Coding IDE",
|
||||
},
|
||||
title: "Agile Development", description: "Custom software built with speed and precision.", imageSrc: "http://img.b2bpic.net/free-photo/objects-stationery-workplace-workspace-equipment-concept_53876-31581.jpg", imageAlt: "Coding IDE"},
|
||||
{
|
||||
title: "Secure Deployment",
|
||||
description: "Cloud-native infrastructure and secure workflows.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/clock-time-reminder-alarm-countdown-graphic_53876-128050.jpg",
|
||||
imageAlt: "Cloud deployment",
|
||||
},
|
||||
title: "Secure Deployment", description: "Cloud-native infrastructure and secure workflows.", imageSrc: "http://img.b2bpic.net/free-photo/clock-time-reminder-alarm-countdown-graphic_53876-128050.jpg", imageAlt: "Cloud deployment"},
|
||||
]}
|
||||
title="Our Engineering Expertise"
|
||||
description="Comprehensive IT solutions for modern challenges."
|
||||
@@ -137,25 +100,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "99.9%",
|
||||
title: "Uptime Rate",
|
||||
description: "Guaranteed stability",
|
||||
icon: CheckCircle,
|
||||
id: "m1", value: "99.9%", title: "Uptime Rate", description: "Guaranteed stability", icon: CheckCircle,
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "200+",
|
||||
title: "Databases Built",
|
||||
description: "Scaled across industries",
|
||||
icon: Database,
|
||||
id: "m2", value: "200+", title: "Databases Built", description: "Scaled across industries", icon: Database,
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "100%",
|
||||
title: "Client Satisfaction",
|
||||
description: "Proven track record",
|
||||
icon: Award,
|
||||
id: "m3", value: "100%", title: "Client Satisfaction", description: "Proven track record", icon: Award,
|
||||
},
|
||||
]}
|
||||
title="Our Impact in Numbers"
|
||||
@@ -169,60 +120,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Johnson",
|
||||
date: "Jan 2024",
|
||||
title: "CEO, TechFlow",
|
||||
quote: "Their database architecture is second to none.",
|
||||
tag: "Engineering Excellence",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/confident-middle-aged-businesswoman-looking-camera_74855-4120.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-laptop-table-glowing-screen-dark_169016-51519.jpg?_wi=2",
|
||||
imageAlt: "executive portrait professional",
|
||||
},
|
||||
id: "1", name: "Sarah Johnson", date: "Jan 2024", title: "CEO, TechFlow", quote: "Their database architecture is second to none.", tag: "Engineering Excellence", avatarSrc: "http://img.b2bpic.net/free-photo/confident-middle-aged-businesswoman-looking-camera_74855-4120.jpg", imageSrc: "http://img.b2bpic.net/free-photo/top-view-laptop-table-glowing-screen-dark_169016-51519.jpg", imageAlt: "executive portrait professional"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Michael Chen",
|
||||
date: "Dec 2023",
|
||||
title: "CTO, CloudScale",
|
||||
quote: "Seamless migration and incredible performance boosts.",
|
||||
tag: "Database Migration",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/handsome-groom-classy-black-suit-stands-dark-room_8353-7083.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/optical-fiber-background_23-2149301541.jpg?_wi=2",
|
||||
imageAlt: "executive portrait professional",
|
||||
},
|
||||
id: "2", name: "Michael Chen", date: "Dec 2023", title: "CTO, CloudScale", quote: "Seamless migration and incredible performance boosts.", tag: "Database Migration", avatarSrc: "http://img.b2bpic.net/free-photo/handsome-groom-classy-black-suit-stands-dark-room_8353-7083.jpg", imageSrc: "http://img.b2bpic.net/free-photo/optical-fiber-background_23-2149301541.jpg", imageAlt: "executive portrait professional"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily Rodriguez",
|
||||
date: "Nov 2023",
|
||||
title: "Manager, GrowthCo",
|
||||
quote: "The team was responsive, professional, and thorough.",
|
||||
tag: "Software Development",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/portrait-man-black-suit_23-2148401442.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-people-discussing-work_23-2149097910.jpg?_wi=2",
|
||||
imageAlt: "executive portrait professional",
|
||||
},
|
||||
id: "3", name: "Emily Rodriguez", date: "Nov 2023", title: "Manager, GrowthCo", quote: "The team was responsive, professional, and thorough.", tag: "Software Development", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-man-black-suit_23-2148401442.jpg", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-people-discussing-work_23-2149097910.jpg", imageAlt: "executive portrait professional"},
|
||||
{
|
||||
id: "4",
|
||||
name: "David Kim",
|
||||
date: "Oct 2023",
|
||||
title: "Founder, StartupXYZ",
|
||||
quote: "Completely transformed our core systems.",
|
||||
tag: "Architecture Design",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/senior-businessman-outside-modern-office-building_1139-1076.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cyber-security-expert-working-with-technology-neon-lights_23-2151645587.jpg?_wi=2",
|
||||
imageAlt: "executive portrait professional",
|
||||
},
|
||||
id: "4", name: "David Kim", date: "Oct 2023", title: "Founder, StartupXYZ", quote: "Completely transformed our core systems.", tag: "Architecture Design", avatarSrc: "http://img.b2bpic.net/free-photo/senior-businessman-outside-modern-office-building_1139-1076.jpg", imageSrc: "http://img.b2bpic.net/free-photo/cyber-security-expert-working-with-technology-neon-lights_23-2151645587.jpg", imageAlt: "executive portrait professional"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Elena Petrova",
|
||||
date: "Sep 2023",
|
||||
title: "Director, DataLabs",
|
||||
quote: "Truly innovative solutions to complex problems.",
|
||||
tag: "Strategic Consulting",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/positive-confident-businessman-posing-outside_74855-1183.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/objects-stationery-workplace-workspace-equipment-concept_53876-31581.jpg?_wi=2",
|
||||
imageAlt: "executive portrait professional",
|
||||
},
|
||||
id: "5", name: "Elena Petrova", date: "Sep 2023", title: "Director, DataLabs", quote: "Truly innovative solutions to complex problems.", tag: "Strategic Consulting", avatarSrc: "http://img.b2bpic.net/free-photo/positive-confident-businessman-posing-outside_74855-1183.jpg", imageSrc: "http://img.b2bpic.net/free-photo/objects-stationery-workplace-workspace-equipment-concept_53876-31581.jpg", imageAlt: "executive portrait professional"},
|
||||
]}
|
||||
title="Client Stories"
|
||||
description="What our partners say about us."
|
||||
@@ -234,14 +140,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
names={[
|
||||
"Microsoft",
|
||||
"Google",
|
||||
"Amazon",
|
||||
"Tesla",
|
||||
"Oracle",
|
||||
"IBM",
|
||||
"Intel",
|
||||
]}
|
||||
"Microsoft", "Google", "Amazon", "Tesla", "Oracle", "IBM", "Intel"]}
|
||||
title="Trusted by Leaders"
|
||||
description="We partner with global industry titans."
|
||||
/>
|
||||
@@ -253,20 +152,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "How do you ensure data security?",
|
||||
content: "We employ enterprise-grade encryption and strict access controls for every project.",
|
||||
},
|
||||
id: "q1", title: "How do you ensure data security?", content: "We employ enterprise-grade encryption and strict access controls for every project."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "What is your development timeline?",
|
||||
content: "We focus on agile workflows with consistent delivery cycles tailored to your needs.",
|
||||
},
|
||||
id: "q2", title: "What is your development timeline?", content: "We focus on agile workflows with consistent delivery cycles tailored to your needs."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Do you offer post-deployment support?",
|
||||
content: "Yes, we provide ongoing maintenance and monitoring to ensure peak performance.",
|
||||
},
|
||||
id: "q3", title: "Do you offer post-deployment support?", content: "Yes, we provide ongoing maintenance and monitoring to ensure peak performance."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/call-center-operator-assisting-users-with-installing-software_482257-117872.jpg"
|
||||
imageAlt="Support team"
|
||||
@@ -283,22 +173,14 @@ export default function LandingPage() {
|
||||
description="Let's build something extraordinary together."
|
||||
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,
|
||||
},
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "How can we help you?",
|
||||
rows: 4,
|
||||
name: "message", placeholder: "How can we help you?", rows: 4,
|
||||
required: true,
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/global-business_53876-94811.jpg"
|
||||
@@ -313,19 +195,13 @@ export default function LandingPage() {
|
||||
socialLinks={[
|
||||
{
|
||||
icon: Twitter,
|
||||
href: "#",
|
||||
ariaLabel: "Twitter",
|
||||
},
|
||||
href: "#", ariaLabel: "Twitter"},
|
||||
{
|
||||
icon: Github,
|
||||
href: "#",
|
||||
ariaLabel: "Github",
|
||||
},
|
||||
href: "#", ariaLabel: "Github"},
|
||||
{
|
||||
icon: Linkedin,
|
||||
href: "#",
|
||||
ariaLabel: "Linkedin",
|
||||
},
|
||||
href: "#", ariaLabel: "Linkedin"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user