87 lines
3.2 KiB
TypeScript
87 lines
3.2 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
|
import ContactText from '@/components/sections/contact/ContactText';
|
|
import TextAbout from '@/components/sections/about/TextAbout';
|
|
import FooterCard from '@/components/sections/footer/FooterCard';
|
|
import { Code, Github, Linkedin, Twitter } from 'lucide-react';
|
|
|
|
export default function ContactPage() {
|
|
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="contact" data-section="contact">
|
|
<ContactText
|
|
text="Ready to transform your digital vision into reality? Let's collaborate to create something extraordinary that drives your business forward."
|
|
animationType="entrance-slide"
|
|
background={{ variant: "aurora" }}
|
|
useInvertedBackground="noInvert"
|
|
buttons={[
|
|
{ text: "Schedule Consultation", href: "mailto:hello@dialedweb.com" },
|
|
{ text: "Call Us", href: "tel:+1-555-0123" }
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<TextAbout
|
|
tag="Get in Touch"
|
|
tagIcon={Code}
|
|
title="Located in California, we work with clients worldwide. Whether you're a startup with a bold vision or an enterprise looking to innovate, we're here to bring your digital dreams to life."
|
|
useInvertedBackground="noInvert"
|
|
buttons={[
|
|
{ text: "Email Us", href: "mailto:hello@dialedweb.com" },
|
|
{ text: "View Our Work", href: "/services" }
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact-info" data-section="contact-info">
|
|
<ContactText
|
|
text="Email: hello@dialedweb.com | Phone: +1 (555) 123-4567 | Based in California, serving clients worldwide"
|
|
animationType="reveal-blur"
|
|
background={{ variant: "plain" }}
|
|
useInvertedBackground="noInvert"
|
|
/>
|
|
</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>
|
|
);
|
|
} |