diff --git a/src/app/contact/page.tsx b/src/app/contact/page.tsx index c233dfb..813f50e 100644 --- a/src/app/contact/page.tsx +++ b/src/app/contact/page.tsx @@ -1,190 +1,251 @@ "use client"; -import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider"; -import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay"; -import HeroSplitKpi from "@/components/sections/hero/HeroSplitKpi"; -import FeatureCardSeven from "@/components/sections/feature/FeatureCardSeven"; -import PricingCardOne from "@/components/sections/pricing/PricingCardOne"; -import TestimonialCardFifteen from "@/components/sections/testimonial/TestimonialCardFifteen"; -import ContactCTA from "@/components/sections/contact/ContactCTA"; -import FooterCard from "@/components/sections/footer/FooterCard"; -import { Linkedin, Twitter, Mail } from "lucide-react"; -import Link from "next/link"; +import { ThemeProvider } from "@/components/theme/ThemeProvider"; +import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarStyleCentered"; +import HeroBillboardRotatedCarousel from "@/components/sections/hero/HeroBillboardRotatedCarousel"; +import TextSplitAbout from "@/components/sections/about/TextSplitAbout"; +import FeatureCardTwentySeven from "@/components/sections/feature/FeatureCardTwentySeven"; +import ProductCardFour from "@/components/sections/product/ProductCardFour"; +import PricingCardNine from "@/components/sections/pricing/PricingCardNine"; +import TestimonialCardTwelve from "@/components/sections/testimonial/TestimonialCardTwelve"; +import ContactFaq from "@/components/sections/contact/ContactFaq"; +import FooterBase from "@/components/sections/footer/FooterBase"; +import FooterSimple from "@/components/sections/footer/FooterSimple"; +import { Phone, Mail, MessageCircle, ArrowRight, Check } from "lucide-react"; export default function ContactPage() { + const navItems = [ + { name: "Home", id: "/" }, + { name: "About", id: "#about" }, + { name: "Services", id: "#services" }, + { name: "Pricing", id: "#pricing" }, + { name: "Contact", id: "/contact" }, + ]; + + const carouselItems = [ + { id: "1", imageSrc: "/carousel-1.jpg", imageAlt: "Service 1" }, + { id: "2", imageSrc: "/carousel-2.jpg", imageAlt: "Service 2" }, + { id: "3", imageSrc: "/carousel-3.jpg", imageAlt: "Service 3" }, + { id: "4", imageSrc: "/carousel-4.jpg", imageAlt: "Service 4" }, + { id: "5", imageSrc: "/carousel-5.jpg", imageAlt: "Service 5" }, + { id: "6", imageSrc: "/carousel-6.jpg", imageAlt: "Service 6" }, + ]; + + const features = [ + { + id: "1", title: "Expert Consultation", descriptions: [ + "Our experienced team provides professional guidance", "We assess your needs thoroughly", "Personalized solutions for your situation"], + imageSrc: "/feature-1.jpg", imageAlt: "Expert Consultation"}, + { + id: "2", title: "24/7 Support", descriptions: [ + "Round-the-clock customer support", "Rapid response to urgent inquiries", "Dedicated support specialists"], + imageSrc: "/feature-2.jpg", imageAlt: "24/7 Support"}, + { + id: "3", title: "Quality Assurance", descriptions: [ + "Rigorous testing and verification", "Industry-leading standards compliance", "Continuous improvement processes"], + imageSrc: "/feature-3.jpg", imageAlt: "Quality Assurance"}, + { + id: "4", title: "Professional Team", descriptions: [ + "Certified and experienced professionals", "Ongoing training and development", "Commitment to excellence"], + imageSrc: "/feature-4.jpg", imageAlt: "Professional Team"}, + ]; + + const products = [ + { + id: "1", name: "Premium Service Package", price: "$199", variant: "Comprehensive coverage", imageSrc: "/product-1.jpg", imageAlt: "Premium Package"}, + { + id: "2", name: "Standard Service Package", price: "$99", variant: "Essential services", imageSrc: "/product-2.jpg", imageAlt: "Standard Package"}, + { + id: "3", name: "Professional Service Package", price: "$149", variant: "Extended features", imageSrc: "/product-3.jpg", imageAlt: "Professional Package"}, + { + id: "4", name: "Enterprise Service Package", price: "$299", variant: "Full suite access", imageSrc: "/product-4.jpg", imageAlt: "Enterprise Package"}, + ]; + + const pricingPlans = [ + { + id: "starter", title: "Starter", price: "$29", period: "/month", imageSrc: "/pricing-1.jpg", imageAlt: "Starter Plan", button: { text: "Get Started", href: "#contact" }, + features: ["Basic support", "Monthly consultations", "Email assistance"], + }, + { + id: "professional", title: "Professional", price: "$79", period: "/month", imageSrc: "/pricing-2.jpg", imageAlt: "Professional Plan", button: { text: "Choose Plan", href: "#contact" }, + features: [ + "Priority support", "Weekly consultations", "Phone and email support", "Dedicated account manager"], + }, + ]; + + const testimonials = [ + { + id: "1", name: "Sarah Johnson", imageSrc: "/testimonial-1.jpg", imageAlt: "Sarah Johnson"}, + { + id: "2", name: "Michael Chen", imageSrc: "/testimonial-2.jpg", imageAlt: "Michael Chen"}, + { + id: "3", name: "Emma Davis", imageSrc: "/testimonial-3.jpg", imageAlt: "Emma Davis"}, + { + id: "4", name: "James Wilson", imageSrc: "/testimonial-4.jpg", imageAlt: "James Wilson"}, + ]; + + const faqs = [ + { + id: "1", title: "What services are included?", content: + "Our comprehensive service package includes professional consultation, 24/7 support, quality assurance, and ongoing assistance from our experienced team."}, + { + id: "2", title: "How quickly can you respond?", content: + "We pride ourselves on rapid response times. Most inquiries are addressed within 24 hours, and urgent matters are handled immediately by our dedicated support team."}, + { + id: "3", title: "Do you offer customized solutions?", content: + "Yes! We provide personalized solutions tailored to your specific needs. Contact us to discuss your requirements and we'll create a customized plan."}, + { + id: "4", title: "What are your pricing options?", content: + "We offer flexible pricing plans ranging from basic to enterprise solutions. Choose the plan that best fits your needs, and upgrade or downgrade anytime."}, + ]; + + const footerColumns = [ + { + title: "Product", items: [ + { label: "Features", href: "#features" }, + { label: "Pricing", href: "#pricing" }, + { label: "Security", href: "#security" }, + ], + }, + { + title: "Company", items: [ + { label: "About", href: "#about" }, + { label: "Blog", href: "#blog" }, + { label: "Careers", href: "#careers" }, + ], + }, + { + title: "Resources", items: [ + { label: "Help Center", href: "#help" }, + { label: "Contact", href: "/contact" }, + { label: "Status", href: "#status" }, + ], + }, + ]; + return ( - +
-
-
- + +
+ +
+ +
+ +
+
-
-
- + +
+ +
+
-
- +
-
- -
- -