diff --git a/src/app/about/page.tsx b/src/app/about/page.tsx new file mode 100644 index 0000000..0ee665c --- /dev/null +++ b/src/app/about/page.tsx @@ -0,0 +1,200 @@ +"use client"; + +import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider"; +import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline"; +import HeroSplit from "@/components/sections/hero/HeroSplit"; +import TextSplitAbout from "@/components/sections/about/TextSplitAbout"; +import AboutMetric from "@/components/sections/about/AboutMetric"; +import TeamCardTen from "@/components/sections/team/TeamCardTen"; +import FeatureBento from "@/components/sections/feature/FeatureBento"; +import ContactCTA from "@/components/sections/contact/ContactCTA"; +import FooterSimple from "@/components/sections/footer/FooterSimple"; +import { Zap, Users, Globe, Zap as Rocket, Heart, Target, Headphones, TrendingUp, Award } from "lucide-react"; + +export default function AboutPage() { + return ( + + + +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ + + + ); +} diff --git a/src/app/comparison/page.tsx b/src/app/comparison/page.tsx new file mode 100644 index 0000000..6489fa2 --- /dev/null +++ b/src/app/comparison/page.tsx @@ -0,0 +1,175 @@ +"use client"; + +import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider"; +import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline"; +import HeroSplitKpi from "@/components/sections/hero/HeroSplitKpi"; +import FeatureCardMedia from "@/components/sections/feature/FeatureCardMedia"; +import ProductCardThree from "@/components/sections/product/ProductCardThree"; +import ContactCTA from "@/components/sections/contact/ContactCTA"; +import FooterSimple from "@/components/sections/footer/FooterSimple"; +import { Zap, Sparkles, ShoppingBag, CheckCircle, AlertCircle } from "lucide-react"; + +export default function ComparisonPage() { + return ( + + + +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ + + + ); +} diff --git a/src/app/contact/page.tsx b/src/app/contact/page.tsx new file mode 100644 index 0000000..2c7fdc0 --- /dev/null +++ b/src/app/contact/page.tsx @@ -0,0 +1,246 @@ +"use client"; + +import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider"; +import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline"; +import ContactFaq from "@/components/sections/contact/ContactFaq"; +import FooterSimple from "@/components/sections/footer/FooterSimple"; +import { Phone, Mail } from "lucide-react"; +import { useState } from "react"; + +export default function ContactPage() { + const [formData, setFormData] = useState({ + name: "", email: "", subject: "", message: ""}); + const [submitted, setSubmitted] = useState(false); + + const handleInputChange = ( + e: React.ChangeEvent + ) => { + const { name, value } = e.target; + setFormData((prev) => ({ + ...prev, + [name]: value, + })); + }; + + const handleSubmit = (e: React.FormEvent) => { + e.preventDefault(); + // Here you would typically send the form data to a backend + console.log("Form submitted:", formData); + setSubmitted(true); + setTimeout(() => { + setFormData({ name: "", email: "", subject: "", message: "" }); + setSubmitted(false); + }, 3000); + }; + + return ( + + + +
+
+
+ {/* Contact Information Section */} +
+
+
+
+ +
+

Call Us

+
+

+1 (800) 275-2273

+

Available Monday to Friday, 9AM to 6PM EST

+
+ +
+
+
+ +
+

Email Us

+
+

support@airpods.com

+

We'll get back to you within 24 hours

+
+ +
+
+
+ +
+

Live Chat

+
+

Chat with our support team

+

Available 24/7 for immediate assistance

+
+
+ + {/* Contact Form Section */} +
+

Send us a Message

+

Have a question or feedback? Fill out the form below and we'll get back to you as soon as possible.

+ +
+
+
+ + +
+
+ + +
+
+ +
+ + +
+ +
+ +