183 lines
11 KiB
TypeScript
183 lines
11 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
|
import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
|
|
import TextAbout from '@/components/sections/about/TextAbout';
|
|
import FeatureCardNineteen from '@/components/sections/feature/FeatureCardNineteen';
|
|
import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
|
|
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
|
|
import ContactText from '@/components/sections/contact/ContactText';
|
|
import FooterCard from '@/components/sections/footer/FooterCard';
|
|
import Link from "next/link";
|
|
import { Sparkles, Code, Zap, TrendingUp, CheckCircle, Star, Award, Users, MessageCircle, Github, Linkedin, Twitter } from 'lucide-react';
|
|
|
|
export default function HomePage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="icon-arrow"
|
|
defaultTextAnimation="entrance-slide"
|
|
borderRadius="pill"
|
|
contentWidth="medium"
|
|
sizing="medium"
|
|
background="circleGradient"
|
|
cardStyle="layered-gradient"
|
|
primaryButtonStyle="gradient"
|
|
secondaryButtonStyle="glass"
|
|
headingFontWeight="medium"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingInline
|
|
brandName="Dialedweb"
|
|
navItems={[
|
|
{ name: "Home", id: "/" },
|
|
{ name: "About", id: "/about" },
|
|
{ name: "Services", id: "/services" },
|
|
{ name: "Contact", id: "/contact" }
|
|
]}
|
|
button={{
|
|
text: "Get Started", href: "/contact"
|
|
}}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroSplitKpi
|
|
title="Premium Software & Web Development for Visionary Brands"
|
|
description="Transform your digital presence with bespoke software solutions and cutting-edge web experiences. Based in California, we craft premium digital products that drive growth and inspire."
|
|
background={{ variant: "glowing-orb" }}
|
|
kpis={[
|
|
{ value: "150+", label: "Projects Delivered" },
|
|
{ value: "8+", label: "Years Excellence" },
|
|
{ value: "50+", label: "Happy Clients" }
|
|
]}
|
|
enableKpiAnimation={true}
|
|
tag="Premium Development Partner"
|
|
tagIcon={Sparkles}
|
|
buttons={[
|
|
{ text: "Start Your Project", href: "/contact" },
|
|
{ text: "View Our Work", href: "/services" }
|
|
]}
|
|
imageSrc="https://img.b2bpic.net/free-photo/team-database-admins-analyzing-source-code-wall-screen-tv-comparing-errors-using-digital-tablet-busy-server-room-two-cloud-programers-debugging-algorithm-software-innovation-office_482257-43976.jpg"
|
|
imageAlt="Software development workspace"
|
|
imagePosition="right"
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<TextAbout
|
|
tag="Who We Are"
|
|
tagIcon={Code}
|
|
title="We're a California-based team of expert developers and designers passionate about crafting premium digital experiences that elevate your business to new heights."
|
|
useInvertedBackground="noInvert"
|
|
buttons={[
|
|
{ text: "Learn More", href: "/about" }
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="services" data-section="services">
|
|
<FeatureCardNineteen
|
|
title="Our Development Process"
|
|
description="A proven methodology that ensures your project is delivered on time, on budget, and exceeds expectations"
|
|
tag="Strategic Approach"
|
|
tagIcon={Zap}
|
|
textboxLayout="default"
|
|
useInvertedBackground="noInvert"
|
|
features={[
|
|
{
|
|
id: 1,
|
|
tag: "Discovery", title: "Strategy & Planning", subtitle: "Foundation for success", description: "We dive deep into understanding your business goals, target audience, and competitive landscape. Our strategic planning ensures every decision aligns with your vision and maximizes ROI.", imageSrc: "https://img.b2bpic.net/free-photo/side-view-hand-holding-paper-piece_23-2149930956.jpg", imageAlt: "Strategic planning and design"
|
|
},
|
|
{
|
|
id: 2,
|
|
tag: "Development", title: "Custom Development", subtitle: "Built to perfection", description: "Our expert developers build custom software and web solutions using modern technologies. We focus on clean code, scalability, and performance to create solutions that grow with your business.", imageSrc: "https://img.b2bpic.net/free-photo/programming-software-code-application-technology-concept_53876-123931.jpg", imageAlt: "Web and software development"
|
|
},
|
|
{
|
|
id: 3,
|
|
tag: "Quality", title: "Testing & Optimization", subtitle: "Flawless execution", description: "Rigorous testing and optimization ensure your product is secure, fast, and reliable. We conduct comprehensive quality assurance to catch issues before they reach your users.", imageSrc: "https://img.b2bpic.net/free-photo/woman-working-as-engineer_23-2148836099.jpg", imageAlt: "Quality assurance and testing"
|
|
},
|
|
{
|
|
id: 4,
|
|
tag: "Launch", title: "Deployment & Support", subtitle: "Seamless go-live", description: "We manage the entire deployment process and provide ongoing support to ensure your product runs smoothly. Our team stays by your side every step of the journey.", imageSrc: "https://img.b2bpic.net/free-vector/rocket-with-computer-background_1223-27.jpg", imageAlt: "Product launch and deployment"
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="metrics" data-section="metrics">
|
|
<MetricCardOne
|
|
title="Our Impact & Achievements"
|
|
description="Proven results that speak to our commitment to excellence and client success"
|
|
tag="By The Numbers"
|
|
tagIcon={TrendingUp}
|
|
textboxLayout="default"
|
|
animationType="slide-up"
|
|
useInvertedBackground="noInvert"
|
|
gridVariant="uniform-all-items-equal"
|
|
metrics={[
|
|
{
|
|
id: "1", value: "150+", title: "Projects", description: "Successfully delivered across diverse industries", icon: CheckCircle
|
|
},
|
|
{
|
|
id: "2", value: "98%", title: "Satisfaction", description: "Client satisfaction and retention rate", icon: Star
|
|
},
|
|
{
|
|
id: "3", value: "8+", title: "Years", description: "Proven excellence in the industry", icon: Award
|
|
},
|
|
{
|
|
id: "4", value: "50+", title: "Happy Clients", description: "Trusted by leading brands across sectors", icon: Users
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardFive
|
|
title="What Our Clients Say"
|
|
description="Hear from industry leaders who've partnered with Dialedweb to transform their digital vision"
|
|
tag="Client Success"
|
|
tagIcon={MessageCircle}
|
|
textboxLayout="default"
|
|
useInvertedBackground="noInvert"
|
|
testimonials={[
|
|
{
|
|
id: "1", name: "Sarah Chen, CEO of TechVenture", date: "Date: 15 November 2024", title: "Transformed Our Digital Presence", quote: "Dialedweb didn't just build a website for us—they rebuilt our entire digital strategy. Their team's expertise and attention to detail resulted in a platform that increased our conversions by 45% in the first quarter.", tag: "Enterprise", avatarSrc: "https://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", avatarAlt: "Sarah Chen"
|
|
},
|
|
{
|
|
id: "2", name: "Marcus Williams, Founder of StartupXYZ", date: "Date: 10 November 2024", title: "Partners Who Understand Our Vision", quote: "Working with Dialedweb was a game-changer. They took our ideas and transformed them into a scalable, production-ready platform. The ongoing support and optimization they provide has been invaluable to our growth.", tag: "Growth Stage", avatarSrc: "https://img.b2bpic.net/free-photo/smiling-homosexual-man-official-suit-looking-camera-close-up-shot-happy-gay-getting-dressed-wedding-ceremony-standing-hotel-room-with-his-partner-background-love-emotion-concept_74855-22675.jpg", avatarAlt: "Marcus Williams"
|
|
},
|
|
{
|
|
id: "3", name: "Jennifer Park, CMO of RetailCorp", date: "Date: 5 November 2024", title: "Premium Quality, Professional Service", quote: "Dialedweb delivered exactly what we needed—a sophisticated e-commerce platform that reflects our brand's premium positioning. Their attention to user experience and performance is exceptional.", tag: "Enterprise", avatarSrc: "https://img.b2bpic.net/free-photo/close-up-competitive-employee_1098-2870.jpg", avatarAlt: "Jennifer Park"
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactText
|
|
text="Ready to transform your digital vision into reality? Let's collaborate to create something extraordinary."
|
|
animationType="entrance-slide"
|
|
background={{ variant: "glowing-orb" }}
|
|
useInvertedBackground="noInvert"
|
|
buttons={[
|
|
{ text: "Start Your Project", href: "/contact" },
|
|
{ text: "Schedule Consultation", href: "/contact" }
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterCard
|
|
logoText="Dialedweb"
|
|
copyrightText="© 2025 Dialedweb. All rights reserved. Based in California."
|
|
socialLinks={[
|
|
{ icon: Github, href: "https://github.com", ariaLabel: "GitHub" },
|
|
{ icon: Linkedin, href: "https://linkedin.com", ariaLabel: "LinkedIn" },
|
|
{ icon: Twitter, href: "https://twitter.com", ariaLabel: "Twitter" }
|
|
]}
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
} |