Merge version_3 into main #4
71
src/app/contact/page.tsx
Normal file
71
src/app/contact/page.tsx
Normal file
@@ -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>
|
||||
);
|
||||
}
|
||||
@@ -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" }
|
||||
|
||||
92
src/app/services/page.tsx
Normal file
92
src/app/services/page.tsx
Normal file
@@ -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>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user