Compare commits
37 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 4a08b524f9 | |||
| afd8ff84fb | |||
| fad49a7214 | |||
| fff909087a | |||
| 7a6fe41d43 | |||
| 9f1a2ac272 | |||
| 2cd19c94b0 | |||
| 30981d1e2f | |||
| 081987b5e7 | |||
| 4cd216f242 | |||
| 5eadccbdd7 | |||
| 51c80a9ad7 | |||
| 696faebdfe | |||
| 45bd731b7d | |||
| dbe1ab7c6b | |||
| 66759b41d5 | |||
| fa16753320 | |||
| 3f9b90d28e | |||
| 537cfeea91 | |||
| dedfae4abd | |||
| a967045908 | |||
| 3efd612df3 | |||
| 24a615202e | |||
| 83c587c9b1 | |||
| e4edd2956b | |||
| c5745248d4 | |||
| 7f18046851 | |||
| b62df9b24d | |||
| c68641a00e | |||
| 8b530c6530 | |||
| eabe427542 | |||
| a1dbc43336 | |||
| 684ab4c83a | |||
| 611581aba7 | |||
| ae6fab4b41 | |||
| 82924a33ad | |||
| 92217303ed |
@@ -21,14 +21,14 @@ export default function ContactPage() {
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="hover-magnetic"
|
||||
defaultTextAnimation="background-highlight"
|
||||
borderRadius="soft"
|
||||
borderRadius="rounded"
|
||||
contentWidth="compact"
|
||||
sizing="largeSizeMediumTitles"
|
||||
background="aurora"
|
||||
cardStyle="gradient-mesh"
|
||||
primaryButtonStyle="double-inset"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="medium"
|
||||
headingFontWeight="bold"
|
||||
>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
@@ -46,7 +46,7 @@ export default function ContactPage() {
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact" className="py-20">
|
||||
<div className="max-w-6xl mx-auto px-4 grid grid-cols-1 lg:grid-cols-2 gap-12 items-start">
|
||||
<div className="max-w-7xl mx-auto px-4 grid grid-cols-1 lg:grid-cols-2 gap-16 items-start">
|
||||
{/* Left Column - Contact Info */}
|
||||
<div className="space-y-8">
|
||||
<div>
|
||||
@@ -54,23 +54,9 @@ export default function ContactPage() {
|
||||
<p className="text-lg text-gray-600">Have questions about our services? We're here to help. Contact us through any of the methods below or fill out the form.</p>
|
||||
</div>
|
||||
|
||||
{/* Phone */}
|
||||
<div className="flex gap-4 items-start">
|
||||
<div className="bg-primary-cta p-3 rounded-lg flex-shrink-0">
|
||||
<Phone className="w-6 h-6 text-white" />
|
||||
</div>
|
||||
<div>
|
||||
<h3 className="font-semibold text-lg mb-1">Phone</h3>
|
||||
<p className="text-gray-600">Call us for immediate assistance</p>
|
||||
<a href="tel:+19722728000" className="text-primary-cta font-semibold text-lg hover:underline mt-2 block">
|
||||
+1 (972) 272-8000
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{/* Location */}
|
||||
<div className="flex gap-4 items-start">
|
||||
<div className="bg-primary-cta p-3 rounded-lg flex-shrink-0">
|
||||
<div className="bg-primary-cta p-3 flex-shrink-0">
|
||||
<MapPin className="w-6 h-6 text-white" />
|
||||
</div>
|
||||
<div>
|
||||
@@ -84,9 +70,9 @@ export default function ContactPage() {
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{/* Hours */}
|
||||
{/* Business Hours */}
|
||||
<div className="flex gap-4 items-start">
|
||||
<div className="bg-primary-cta p-3 rounded-lg flex-shrink-0">
|
||||
<div className="bg-primary-cta p-3 flex-shrink-0">
|
||||
<Clock className="w-6 h-6 text-white" />
|
||||
</div>
|
||||
<div>
|
||||
@@ -99,9 +85,23 @@ export default function ContactPage() {
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{/* Phone */}
|
||||
<div className="flex gap-4 items-start">
|
||||
<div className="bg-primary-cta p-3 flex-shrink-0">
|
||||
<Phone className="w-6 h-6 text-white" />
|
||||
</div>
|
||||
<div>
|
||||
<h3 className="font-semibold text-lg mb-1">Phone</h3>
|
||||
<p className="text-gray-600">Call us for immediate assistance</p>
|
||||
<a href="tel:+19722728000" className="text-primary-cta font-semibold text-lg hover:underline mt-2 block">
|
||||
+1 (972) 272-8000
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{/* Email */}
|
||||
<div className="flex gap-4 items-start">
|
||||
<div className="bg-primary-cta p-3 rounded-lg flex-shrink-0">
|
||||
<div className="bg-primary-cta p-3 flex-shrink-0">
|
||||
<Mail className="w-6 h-6 text-white" />
|
||||
</div>
|
||||
<div>
|
||||
@@ -117,23 +117,23 @@ export default function ContactPage() {
|
||||
<div>
|
||||
<h3 className="font-semibold text-lg mb-4">Follow Us</h3>
|
||||
<div className="flex gap-4">
|
||||
<a href="#" className="bg-primary-cta p-3 rounded-lg hover:opacity-90 transition">
|
||||
<a href="#" className="bg-primary-cta p-3 hover:opacity-90 transition">
|
||||
<Facebook className="w-5 h-5 text-white" />
|
||||
</a>
|
||||
<a href="#" className="bg-primary-cta p-3 rounded-lg hover:opacity-90 transition">
|
||||
<a href="#" className="bg-primary-cta p-3 hover:opacity-90 transition">
|
||||
<Twitter className="w-5 h-5 text-white" />
|
||||
</a>
|
||||
<a href="#" className="bg-primary-cta p-3 rounded-lg hover:opacity-90 transition">
|
||||
<a href="#" className="bg-primary-cta p-3 hover:opacity-90 transition">
|
||||
<Linkedin className="w-5 h-5 text-white" />
|
||||
</a>
|
||||
<a href="#" className="bg-primary-cta p-3 rounded-lg hover:opacity-90 transition">
|
||||
<a href="#" className="bg-primary-cta p-3 hover:opacity-90 transition">
|
||||
<Instagram className="w-5 h-5 text-white" />
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{/* Right Column - Contact Form & Map */}
|
||||
{/* Right Column - Contact Form & Interactive Google Map */}
|
||||
<div className="space-y-8">
|
||||
{/* Contact Form */}
|
||||
<ContactSplitForm
|
||||
@@ -151,8 +151,8 @@ export default function ContactPage() {
|
||||
mediaAnimation="blur-reveal"
|
||||
/>
|
||||
|
||||
{/* Google Map Placeholder */}
|
||||
<div className="bg-gray-200 rounded-lg overflow-hidden h-96 border-2 border-primary-cta/20">
|
||||
{/* Interactive Google Map */}
|
||||
<div className="bg-gray-200 overflow-hidden h-96 border-2 border-primary-cta/20 shadow-lg">
|
||||
<iframe
|
||||
src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3357.7482627688043!2d-96.80667!3d32.7767!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x864e9e0d4a4a4a4b%3A0x4a4a4a4a4a4a4a4a!2s1234%20Motor%20Lane%2C%20Dallas%2C%20TX!5e0!3m2!1sen!2sus!4v1234567890"
|
||||
width="100%"
|
||||
@@ -199,4 +199,4 @@ export default function ContactPage() {
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
@@ -47,14 +47,14 @@ export default function LandingPage() {
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="hover-magnetic"
|
||||
defaultTextAnimation="background-highlight"
|
||||
borderRadius="soft"
|
||||
borderRadius="rounded"
|
||||
contentWidth="compact"
|
||||
sizing="largeSizeMediumTitles"
|
||||
background="aurora"
|
||||
cardStyle="gradient-mesh"
|
||||
primaryButtonStyle="double-inset"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="medium"
|
||||
headingFontWeight="bold"
|
||||
>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
@@ -369,4 +369,4 @@ export default function LandingPage() {
|
||||
)}
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
@@ -10,15 +10,15 @@
|
||||
--accent: #ffffff;
|
||||
--background-accent: #ffffff; */
|
||||
|
||||
--background: #f5faff;
|
||||
--card: #f1f8ff;
|
||||
--foreground: #001122;
|
||||
--primary-cta: #15479c;
|
||||
--primary-cta-text: #f5faff;
|
||||
--secondary-cta: #ffffff;
|
||||
--secondary-cta-text: #001122;
|
||||
--accent: #a8cce8;
|
||||
--background-accent: #7ba3cf;
|
||||
--background: #1a1a1a;
|
||||
--card: #262626;
|
||||
--foreground: #f0f0f0;
|
||||
--primary-cta: #cc3333;
|
||||
--primary-cta-text: #ffffff;
|
||||
--secondary-cta: #404040;
|
||||
--secondary-cta-text: #b84040;
|
||||
--accent: #8b2e2e;
|
||||
--background-accent: #4d1a1a;
|
||||
|
||||
/* text sizing - set by ThemeProvider */
|
||||
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
|
||||
|
||||
Reference in New Issue
Block a user