diff --git a/src/app/page.tsx b/src/app/page.tsx index e629f80..4cd2910 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -5,10 +5,11 @@ import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloating import HeroCentered from "@/components/sections/hero/HeroCentered"; import FeatureBento from "@/components/sections/feature/FeatureBento"; import FeatureBorderGlow from "@/components/sections/feature/featureBorderGlow/FeatureBorderGlow"; -import TestimonialCardFifteen from "@/components/sections/testimonial/TestimonialCardFifteen"; +import TestimonialCardSix from "@/components/sections/testimonial/TestimonialCardSix"; import PricingCardEight from "@/components/sections/pricing/PricingCardEight"; -import ContactCenter from "@/components/sections/contact/ContactCenter"; +import ContactCTA from "@/components/sections/contact/ContactCTA"; import FooterBaseReveal from "@/components/sections/footer/FooterBaseReveal"; +import { useState, useEffect } from "react"; import { Award, BarChart3, @@ -26,9 +27,38 @@ import { User, Users, Zap, + Phone, + MapPin, + MessageCircle, + Loader, } from "lucide-react"; export default function LandingPage() { + const [isLoading, setIsLoading] = useState(false); + const [mounted, setMounted] = useState(false); + + useEffect(() => { + setMounted(true); + }, []); + + const handleWhatsAppClick = () => { + const phoneNumber = "919907164118"; + const message = "Hello! I'm interested in learning more about Paradigma's modular construction platform."; + const encodedMessage = encodeURIComponent(message); + window.open( + `https://wa.me/${phoneNumber}?text=${encodedMessage}`, + "_blank" + ); + }; + + const handleCallClick = () => { + setIsLoading(true); + setTimeout(() => { + window.location.href = "tel:+919907164118"; + setIsLoading(false); + }, 500); + }; + return ( -
- +
@@ -221,16 +264,18 @@ export default function LandingPage() {
-
@@ -273,6 +318,58 @@ export default function LandingPage() { copyrightText="© 2024 Paradigma. All rights reserved." /> + + {mounted && ( + <> + + + + + + + )}
); -} +} \ No newline at end of file diff --git a/src/app/styles/variables.css b/src/app/styles/variables.css index 76c7cc4..3d27bf6 100644 --- a/src/app/styles/variables.css +++ b/src/app/styles/variables.css @@ -10,15 +10,15 @@ --accent: #ffffff; --background-accent: #ffffff; */ - --background: #050012; - --card: #040121; - --foreground: #f0e6ff; - --primary-cta: #c89bff; + --background: #0a0a0a; + --card: #1a1a1a; + --foreground: #f5f5f5; + --primary-cta: #ffdf7d; --primary-cta-text: #050012; - --secondary-cta: #1d123b; + --secondary-cta: #1a1a1a; --secondary-cta-text: #f0e6ff; - --accent: #684f7b; - --background-accent: #65417c; + --accent: #ff7b05; + --background-accent: #b8860b; /* text sizing - set by ThemeProvider */ /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);