188 lines
10 KiB
TypeScript
188 lines
10 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
|
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
|
|
import FeatureCardTwentyEight from '@/components/sections/feature/FeatureCardTwentyEight';
|
|
import FooterMedia from '@/components/sections/footer/FooterMedia';
|
|
import HeroSplitDualMedia from '@/components/sections/hero/HeroSplitDualMedia';
|
|
import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
|
|
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
|
|
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
|
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
|
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
|
|
import { ShieldCheck, Smile, TrendingDown, Zap } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="hover-magnetic"
|
|
defaultTextAnimation="reveal-blur"
|
|
borderRadius="pill"
|
|
contentWidth="mediumSmall"
|
|
sizing="large"
|
|
background="noise"
|
|
cardStyle="glass-depth"
|
|
primaryButtonStyle="flat"
|
|
secondaryButtonStyle="solid"
|
|
headingFontWeight="medium"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingInline
|
|
navItems={[
|
|
{ name: "About", id: "about" },
|
|
{ name: "Features", id: "features" },
|
|
{ name: "Services", id: "services" },
|
|
{ name: "Contact", id: "contact" },
|
|
]}
|
|
brandName="DevLogic"
|
|
button={{ text: "Get Started", href: "#contact" }}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroSplitDualMedia
|
|
background={{ variant: "gradient-bars" }}
|
|
title="Architecting the Future of Software."
|
|
description="We build scalable, high-performance software solutions for enterprises that demand precision, speed, and innovation."
|
|
tag="Trusted Software Agency"
|
|
mediaItems={[
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/visual-programming-systems-green-screen-pc-data-center_482257-126792.jpg", imageAlt: "software developers coding in office" },
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/desktop-pc-wooden-desk-showcases-infographics-client-reach-data_482257-126353.jpg", imageAlt: "data analytics network visualization" }
|
|
]}
|
|
mediaAnimation="blur-reveal"
|
|
rating={5}
|
|
ratingText="Top-rated agency on Clutch"
|
|
tagIcon={ShieldCheck}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<MetricSplitMediaAbout
|
|
useInvertedBackground={true}
|
|
title="Delivering Digital Excellence."
|
|
description="With over a decade of experience, we specialize in transforming complex business challenges into seamless digital experiences through cutting-edge engineering."
|
|
metrics={[
|
|
{ value: "500+", title: "Projects Delivered" },
|
|
{ value: "99%", title: "Client Satisfaction" },
|
|
{ value: "12+", title: "Years of Expertise" },
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/accountant-busy-modern-startup-agency-imputing-financial-figures-pc_482257-126653.jpg"
|
|
imageAlt="team brainstorming modern office"
|
|
mediaAnimation="slide-up"
|
|
metricsAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureCardTwentyEight
|
|
animationType="slide-up"
|
|
textboxLayout="split"
|
|
useInvertedBackground={false}
|
|
features={[
|
|
{ id: "f1", title: "Cloud Architecture", subtitle: "Scalable Infrastructure", category: "DevOps", value: "AWS/Azure/GCP" },
|
|
{ id: "f2", title: "Frontend Engineering", subtitle: "Responsive UI", category: "Web", value: "Next.js/React" },
|
|
{ id: "f3", title: "Backend Optimization", subtitle: "High-Throughput APIs", category: "System", value: "Node/Go/Rust" },
|
|
{ id: "f4", title: "Database Design", subtitle: "Relational/NoSQL", category: "Storage", value: "PostgreSQL/Redis" },
|
|
{ id: "f5", title: "DevOps Pipelines", subtitle: "CI/CD Automation", category: "Ops", value: "Docker/Kubernetes" },
|
|
]}
|
|
title="Core Technical Capabilities."
|
|
description="Our development stack covers the full spectrum of modern enterprise technology."
|
|
/>
|
|
</div>
|
|
|
|
<div id="services" data-section="services">
|
|
<ProductCardOne
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
gridVariant="four-items-2x2-equal-grid"
|
|
useInvertedBackground={true}
|
|
products={[
|
|
{ id: "p1", name: "SaaS Platform Development", price: "Custom", imageSrc: "http://img.b2bpic.net/free-photo/senior-tech-startup-hr-recruiter-identifying-candidates-job-reviewing-cvs_482257-118780.jpg" },
|
|
{ id: "p2", name: "Cloud Strategy & Migration", price: "Custom", imageSrc: "http://img.b2bpic.net/free-photo/representation-user-experience-interface-design_23-2150169866.jpg" },
|
|
{ id: "p3", name: "Enterprise API Integration", price: "Custom", imageSrc: "http://img.b2bpic.net/free-photo/work-team-office-engaged-infographics-analysis-problem-solving_482257-123647.jpg" },
|
|
{ id: "p4", name: "UI/UX Design Systems", price: "Custom", imageSrc: "http://img.b2bpic.net/free-photo/female-advisor-conducting-financial-planning-goal-setting-with-mockup_482257-123582.jpg" },
|
|
{ id: "p5", name: "Data Analytics Engineering", price: "Custom", imageSrc: "http://img.b2bpic.net/free-photo/programming-language-code-editor-software-ui-computer-display_482257-124942.jpg" },
|
|
{ id: "p6", name: "Cybersecurity Consulting", price: "Custom", imageSrc: "http://img.b2bpic.net/free-photo/forex-trading-setup-vacant-office_482257-121461.jpg" },
|
|
]}
|
|
title="Our Expert Services."
|
|
description="Comprehensive solutions tailored to your unique requirements."
|
|
/>
|
|
</div>
|
|
|
|
<div id="metrics" data-section="metrics">
|
|
<MetricCardOne
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
gridVariant="uniform-all-items-equal"
|
|
useInvertedBackground={false}
|
|
metrics={[
|
|
{ id: "m1", value: "2.5x", title: "Efficiency Gain", description: "Average improvement for our clients.", icon: Zap },
|
|
{ id: "m2", value: "30%", title: "OpEx Reduction", description: "Streamlining business operations.", icon: TrendingDown },
|
|
{ id: "m3", value: "95%", title: "Retention Rate", description: "Partnerships that last.", icon: Smile },
|
|
]}
|
|
title="Growth by the Numbers."
|
|
description="Evidence of the impact we deliver to our partners worldwide."
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardTen
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
testimonials={[
|
|
{ id: "t1", title: "Game Changer", quote: "DevLogic transformed our technical infrastructure.", name: "Sarah Johnson", role: "CEO", imageSrc: "http://img.b2bpic.net/free-photo/portrait-festive-plump-male-eyeglasses-bow-tie-dark-grey-background_613910-13747.jpg" },
|
|
{ id: "t2", title: "Exceptional Quality", quote: "Their engineering team is top tier.", name: "Michael Chen", role: "CTO", imageSrc: "http://img.b2bpic.net/free-photo/scientist-factory-using-tablet-check-photovoltaics-materials-parameters_482257-120526.jpg" },
|
|
{ id: "t3", title: "Great Partnership", quote: "Reliable, fast, and incredibly professional.", name: "Emily Rodriguez", role: "Marketing Director", imageSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-work_1098-286.jpg" },
|
|
{ id: "t4", title: "Top Talent", quote: "We achieved our sprint goals early.", name: "David Kim", role: "Product Manager", imageSrc: "http://img.b2bpic.net/free-photo/technician-ready-work-after-consulting-photovoltaics-production-layouts_482257-120568.jpg" },
|
|
{ id: "t5", title: "Scale Partner", quote: "The perfect team to scale with.", name: "Alex Rivera", role: "VP Engineering", imageSrc: "http://img.b2bpic.net/free-photo/administrator-assistant-gather-data-from-monthly-reports-reviewing-performance-metrics_482257-133739.jpg" },
|
|
]}
|
|
title="Client Success Stories."
|
|
description="What industry leaders say about partnering with DevLogic."
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqSplitMedia
|
|
textboxLayout="split"
|
|
useInvertedBackground={false}
|
|
faqs={[
|
|
{ id: "q1", title: "How quickly can you start?", content: "We typically initiate project discovery within 48 hours of agreement." },
|
|
{ id: "q2", title: "What is your engagement model?", content: "We offer dedicated teams, project-based delivery, and staff augmentation." },
|
|
{ id: "q3", title: "Do you handle maintenance?", content: "Yes, we provide ongoing maintenance and monitoring services post-deployment." },
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/it-support-specialist-pc-office-helping-customers-call_482257-126183.jpg"
|
|
title="Frequently Asked Questions."
|
|
description="Clear answers to your most common technical questions."
|
|
faqsAnimation="slide-up"
|
|
mediaAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactCenter
|
|
useInvertedBackground={true}
|
|
background={{ variant: "radial-gradient" }}
|
|
tag="Let's Talk"
|
|
title="Ready to Build Your Next Product?"
|
|
description="Get in touch for a consultation with our senior engineering team."
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterMedia
|
|
imageSrc="http://img.b2bpic.net/free-photo/hong-kong-aerial-night_649448-3374.jpg"
|
|
logoText="DevLogic"
|
|
columns={[
|
|
{ title: "Company", items: [{ label: "About Us", href: "#about" }, { label: "Careers", href: "#" }] },
|
|
{ title: "Services", items: [{ label: "Development", href: "#services" }, { label: "Strategy", href: "#" }] },
|
|
{ title: "Support", items: [{ label: "Contact", href: "#contact" }, { label: "FAQ", href: "#faq" }] },
|
|
]}
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
} |