diff --git a/src/app/contact/page.tsx b/src/app/contact/page.tsx
new file mode 100644
index 0000000..48245c6
--- /dev/null
+++ b/src/app/contact/page.tsx
@@ -0,0 +1,71 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
+import ContactFaq from '@/components/sections/contact/ContactFaq';
+import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
+import { Mail, Phone, MessageCircle } from "lucide-react";
+
+export default function ContactPage() {
+  return (
+    <ThemeProvider
+      defaultButtonVariant="text-shift"
+      defaultTextAnimation="reveal-blur"
+      borderRadius="rounded"
+      contentWidth="mediumSmall"
+      sizing="large"
+      background="aurora"
+      cardStyle="gradient-mesh"
+      primaryButtonStyle="gradient"
+      secondaryButtonStyle="layered"
+      headingFontWeight="extrabold"
+    >
+      <div id="nav" data-section="nav">
+        <NavbarLayoutFloatingOverlay
+          brandName="Khushal Attires"
+          navItems={[
+            { name: "Collections", id: "products" },
+            { name: "About", id: "about" },
+            { name: "Testimonials", id: "testimonials" },
+            { name: "Contact", id: "contact" }
+          ]}
+          button={{ text: "Shop Now", href: "/" }}
+        />
+      </div>
+
+      <div id="contact" data-section="contact">
+        <ContactFaq
+          title="Get in Touch"
+          description="We're here to help. Reach out with any questions about our premium collections or services."
+          tag="Contact Us"
+          ctaTitle="Ready to Shop?"
+          ctaDescription="Explore our exclusive collections and experience luxury redefined."
+          ctaButton={{ text: "Shop Now", href: "/" }}
+          ctaIcon={Mail}
+          useInvertedBackground={false}
+          animationType="slide-up"
+          accordionAnimationType="smooth"
+          showCard={true}
+          faqs={[
+            { id: "1", title: "What are your business hours?", content: "We're available Monday to Friday, 9 AM - 6 PM IST. For urgent inquiries, please email us and we'll respond within 24 hours." },
+            { id: "2", title: "How can I reach customer support?", content: "You can contact us via email at support@khushalattires.com, call us at +91 XXX-XXX-XXXX, or use our contact form. Our team is committed to responding promptly." },
+            { id: "3", title: "Do you offer personal styling consultations?", content: "Yes! Premium and Elite members receive complimentary personal styling consultations. Please contact our team to schedule your session." },
+            { id: "4", title: "Can I return or exchange a purchase?", content: "We offer a 30-day return policy on all items. Elite members enjoy a 60-day window. Items must be unused and in original packaging. Contact our support team to initiate the process." },
+            { id: "5", title: "What payment methods do you accept?", content: "We accept all major credit cards, digital wallets, and bank transfers. All transactions are secure and encrypted for your protection." },
+            { id: "6", title: "How long does shipping take?", content: "Standard shipping takes 5-7 business days within India. Express options are available. Premium members enjoy free shipping on all orders." }
+          ]}
+          ariaLabel="Contact and support section"
+        />
+      </div>
+
+      <div id="footer" data-section="footer">
+        <FooterLogoReveal
+          logoText="Khushal Attires"
+          leftLink={{ text: "Privacy Policy", href: "#" }}
+          rightLink={{ text: "Terms of Service", href: "#" }}
+          ariaLabel="Site footer"
+        />
+      </div>
+    </ThemeProvider>
+  );
+}
diff --git a/src/app/page.tsx b/src/app/page.tsx
index 731e850..798722f 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -30,7 +30,7 @@ export default function LandingPage() {
         <NavbarLayoutFloatingOverlay
           brandName="Khushal Attires"
           navItems={[
-            { name: "Collections", id: "collections" },
+            { name: "Collections", id: "products" },
             { name: "About", id: "about" },
             { name: "Testimonials", id: "testimonials" },
             { name: "Contact", id: "contact" }
diff --git a/src/app/services/page.tsx b/src/app/services/page.tsx
new file mode 100644
index 0000000..dfa3d92
--- /dev/null
+++ b/src/app/services/page.tsx
@@ -0,0 +1,92 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
+import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
+import FeatureCardSix from '@/components/sections/feature/FeatureCardSix';
+import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
+import { Sparkles, Palette, Zap, Smartphone, Globe, Award } from "lucide-react";
+
+export default function ServicesPage() {
+  return (
+    <ThemeProvider
+      defaultButtonVariant="text-shift"
+      defaultTextAnimation="reveal-blur"
+      borderRadius="rounded"
+      contentWidth="mediumSmall"
+      sizing="large"
+      background="aurora"
+      cardStyle="gradient-mesh"
+      primaryButtonStyle="gradient"
+      secondaryButtonStyle="layered"
+      headingFontWeight="extrabold"
+    >
+      <div id="nav" data-section="nav">
+        <NavbarLayoutFloatingOverlay
+          brandName="Khushal Attires"
+          navItems={[
+            { name: "Home", id: "/" },
+            { name: "Services", id: "/services" },
+            { name: "About", id: "about" },
+            { name: "Testimonials", id: "testimonials" },
+            { name: "Contact", id: "contact" }
+          ]}
+          button={{ text: "Shop Now", href: "/" }}
+        />
+      </div>
+
+      <div id="hero" data-section="hero">
+        <HeroBillboardCarousel
+          title="Our Services"
+          description="Comprehensive web design solutions tailored to showcase your brand's unique identity and drive business growth."
+          tag="Premium Design Solutions"
+          tagIcon={Sparkles}
+          tagAnimation="slide-up"
+          background={{ variant: "radial-gradient" }}
+          buttons={[
+            { text: "Explore Services", href: "#services" },
+            { text: "Get Started", href: "#contact" }
+          ]}
+          buttonAnimation="slide-up"
+          mediaItems={[
+            { imageSrc: "http://img.b2bpic.net/free-photo/creative-designer-working-on-digital-interface_1419-7419.jpg", imageAlt: "Web design services hero" },
+            { imageSrc: "http://img.b2bpic.net/free-photo/business-team-brainstorming-session_1419-7634.jpg", imageAlt: "Design collaboration" },
+            { imageSrc: "http://img.b2bpic.net/free-photo/developer-working-on-website-code_1419-7521.jpg", imageAlt: "Web development" },
+            { imageSrc: "http://img.b2bpic.net/free-photo/ui-ux-design-showcase_1419-7831.jpg", imageAlt: "UI/UX design" },
+            { imageSrc: "http://img.b2bpic.net/free-photo/responsive-design-mockup_1419-7923.jpg", imageAlt: "Responsive design" },
+            { imageSrc: "http://img.b2bpic.net/free-photo/digital-transformation-concept_1419-8112.jpg", imageAlt: "Digital solutions" }
+          ]}
+          ariaLabel="Services hero section"
+        />
+      </div>
+
+      <div id="services" data-section="services">
+        <FeatureCardSix
+          title="Web Design Services"
+          description="We offer comprehensive web design and development services to elevate your online presence and engage your audience effectively."
+          tag="Expert Solutions"
+          tagIcon={Award}
+          tagAnimation="slide-up"
+          textboxLayout="default"
+          useInvertedBackground={false}
+          features={[
+            { id: 1, title: "Custom Web Design", description: "Bespoke website designs tailored to your brand identity, ensuring a unique and memorable online presence that stands out from competitors.", imageSrc: "http://img.b2bpic.net/free-photo/web-design-development_1419-7721.jpg", imageAlt: "Custom web design" },
+            { id: 2, title: "Responsive Development", description: "Fully responsive websites that adapt seamlessly to all devices and screen sizes, ensuring optimal user experience across desktop, tablet, and mobile platforms.", imageSrc: "http://img.b2bpic.net/free-photo/responsive-mobile-design_1419-7834.jpg", imageAlt: "Responsive design" },
+            { id: 3, title: "E-Commerce Solutions", description: "Powerful e-commerce platforms built to maximize conversions and streamline customer journeys, featuring secure payment processing and inventory management.", imageSrc: "http://img.b2bpic.net/free-photo/ecommerce-website-design_1419-7945.jpg", imageAlt: "E-commerce solutions" },
+            { id: 4, title: "UI/UX Optimization", description: "User-centered design approach focusing on intuitive navigation, beautiful interfaces, and seamless interactions that delight your users and drive engagement.", imageSrc: "http://img.b2bpic.net/free-photo/ui-ux-workflow_1419-7856.jpg", imageAlt: "UI/UX design" }
+          ]}
+          ariaLabel="Services section"
+        />
+      </div>
+
+      <div id="footer" data-section="footer">
+        <FooterLogoReveal
+          logoText="Khushal Attires"
+          leftLink={{ text: "Privacy Policy", href: "#" }}
+          rightLink={{ text: "Terms of Service", href: "#" }}
+          ariaLabel="Site footer"
+        />
+      </div>
+    </ThemeProvider>
+  );
+}
\ No newline at end of file