Initial commit
This commit is contained in:
240
src/app/page.tsx
Normal file
240
src/app/page.tsx
Normal file
@@ -0,0 +1,240 @@
|
||||
"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="aurora"
|
||||
cardStyle="layered-gradient"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="medium"
|
||||
>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
brandName="Dialedweb"
|
||||
navItems={[
|
||||
{ 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: "aurora" }}
|
||||
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: "aurora" }}
|
||||
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>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user