Initial commit

2026-02-08 19:25:21 +00:00
commit 7b1a2fdb28
659 changed files with 77694 additions and 0 deletions
--- a/src/app/contact/page.tsx
+++ b/src/app/contact/page.tsx
@@ -0,0 +1,87 @@
+"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="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="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>
+  );
+}