217 lines
12 KiB
TypeScript
217 lines
12 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
|
import FaqBase from '@/components/sections/faq/FaqBase';
|
|
import FeatureCardTwelve from '@/components/sections/feature/FeatureCardTwelve';
|
|
import FooterCard from '@/components/sections/footer/FooterCard';
|
|
import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
|
|
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
|
|
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
|
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
|
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
|
|
import { Facebook, Instagram, Twitter } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="icon-arrow"
|
|
defaultTextAnimation="background-highlight"
|
|
borderRadius="rounded"
|
|
contentWidth="smallMedium"
|
|
sizing="mediumLarge"
|
|
background="fluid"
|
|
cardStyle="subtle-shadow"
|
|
primaryButtonStyle="gradient"
|
|
secondaryButtonStyle="glass"
|
|
headingFontWeight="extrabold"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleCentered
|
|
navItems={[
|
|
{
|
|
name: "Home", id: "#home"},
|
|
{
|
|
name: "About Us", id: "#about"},
|
|
{
|
|
name: "Services", id: "#services"},
|
|
{
|
|
name: "Collection", id: "#collection"},
|
|
{
|
|
name: "Testimonials", id: "#testimonials"},
|
|
{
|
|
name: "FAQ", id: "#faq"},
|
|
{
|
|
name: "Contact", id: "#contact"},
|
|
]}
|
|
logoSrc="https://nabeesfashion.com/wp-content/uploads/2023/12/logo-png.png"
|
|
logoAlt="Nabees Fashion Logo"
|
|
brandName="Nabees Fashion"
|
|
/>
|
|
</div>
|
|
|
|
<div id="home" data-section="home">
|
|
<HeroBillboardScroll
|
|
background={{
|
|
variant: "radial-gradient"}}
|
|
title="Elevate Your Style, Perfectly Tailored for You"
|
|
description="Discover Nabees Fashion—your destination for premium women's clothing and expert tailoring in Sharjah. From everyday elegance to special occasion wear, we craft the perfect fit for every woman."
|
|
buttons={[
|
|
{
|
|
text: "Explore Our Collection", href: "#collection"},
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/empty-clothing-store-with-casual-formal-wear-design-retail-shop-with-clothes-hangers-racks-department-store-inside-shopping-center-fashion-merchandise-sale_482257-59961.jpg"
|
|
imageAlt="Woman posing elegantly in a tailored dress"
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<InlineImageSplitTextAbout
|
|
useInvertedBackground={true}
|
|
heading={[
|
|
{
|
|
type: "text", content: "Crafting Elegance, Celebrating Individuality"},
|
|
]}
|
|
buttons={[
|
|
{
|
|
text: "Learn More", href: "#"},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="services" data-section="services">
|
|
<FeatureCardTwelve
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
features={[
|
|
{
|
|
id: "f1", label: "Custom Tailoring", title: "Bespoke Creations", items: [
|
|
"Personalized design consultations", "Expert craftsmanship for unique garments", "From concept to a perfectly fitted reality"]
|
|
},
|
|
{
|
|
id: "f2", label: "Professional Alterations", title: "The Perfect Fit", items: [
|
|
"Precise adjustments for all garments", "Ensuring every piece flatters your silhouette", "Revitalize your wardrobe with perfect sizing"]
|
|
},
|
|
{
|
|
id: "f3", label: "Curated Collection", title: "Exclusive Designs", items: [
|
|
"Hand-picked seasonal fashion", "Unique pieces for every occasion", "Discover your next favorite outfit"]
|
|
}
|
|
]}
|
|
title="Our Signature Services"
|
|
description="Experience unparalleled quality and a perfect fit with Nabees Fashion's expert tailoring and curated collections."
|
|
/>
|
|
</div>
|
|
|
|
<div id="collection" data-section="collection">
|
|
<ProductCardFour
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
gridVariant="two-columns-alternating-heights"
|
|
useInvertedBackground={true}
|
|
products={[
|
|
{
|
|
id: "p1", name: "Elegant Evening Gown", price: "AED 850", variant: "Black Pearl", imageSrc: "http://img.b2bpic.net/free-photo/woman-wearing-hijab-desert_23-2149197985.jpg", imageAlt: "Elegant evening gown"},
|
|
{
|
|
id: "p2", name: "Chic Modest Day Dress", price: "AED 420", variant: "Desert Rose", imageSrc: "http://img.b2bpic.net/free-photo/lifestyle-person-decorating-their-front-door_23-2150562549.jpg", imageAlt: "Chic modest day dress"},
|
|
{
|
|
id: "p3", name: "Special Occasion Abaya", price: "AED 680", variant: "Royal Blue", imageSrc: "http://img.b2bpic.net/free-photo/groom-holds-bride-s-hand-while-they-go-upstairs_8353-8283.jpg", imageAlt: "Special occasion abaya"},
|
|
{
|
|
id: "p4", name: "Tailored Business Ensemble", price: "AED 950", variant: "Graphite Grey", imageSrc: "http://img.b2bpic.net/free-photo/modern-stylish-muslim-woman-hijab-business-style-jacket-black-abaya-walking-city-street-with-laptop_285396-9493.jpg", imageAlt: "Tailored business ensemble"},
|
|
{
|
|
id: "p5", name: "Heritage-Inspired Kaftan", price: "AED 590", variant: "Emerald Green", imageSrc: "http://img.b2bpic.net/free-photo/oriental-woman-shawl-face-mask-with-diamonds_114579-9339.jpg", imageAlt: "Heritage-inspired kaftan"},
|
|
{
|
|
id: "p6", name: "Vibrant Floral Dress", price: "AED 380", variant: "Spring Bloom", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-with-mirror-outside_52683-86306.jpg", imageAlt: "Vibrant floral dress"},
|
|
]}
|
|
title="Our Curated Collection"
|
|
description="Explore the latest arrivals and timeless pieces, designed for the modern woman who values elegance and quality."
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardTwo
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
carouselMode="buttons"
|
|
testimonials={[
|
|
{
|
|
id: "t1", name: "Fatima A.", role: "Fashion Enthusiast", testimonial: "Nabees Fashion transformed my wardrobe! Their custom tailoring service is simply outstanding. The attention to detail and personalized fit made me feel incredibly special. Highly recommend!", imageSrc: "http://img.b2bpic.net/free-photo/portrait-upset-woman-talking-mobile-phone_171337-3173.jpg", imageAlt: "Fatima A."},
|
|
{
|
|
id: "t2", name: "Sara B.", role: "Event Planner", testimonial: "I needed a unique dress for a special event, and Nabees delivered beyond my expectations. The quality of fabric and stitching is top-notch. I received so many compliments!", imageSrc: "http://img.b2bpic.net/free-photo/personal-shopper-office-with-client_23-2148929565.jpg", imageAlt: "Sara B."},
|
|
{
|
|
id: "t3", name: "Aisha K.", role: "Business Owner", testimonial: "The alteration service here is a game-changer. I brought in several pieces that didn't quite fit, and they made them perfect. It's like having a brand new wardrobe without the cost.", imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-girl-sitting-cafe_176420-5904.jpg", imageAlt: "Aisha K."},
|
|
{
|
|
id: "t4", name: "Noora H.", role: "Bride-to-be", testimonial: "Nabees Fashion made my dream wedding dress a reality. The team was incredibly supportive, professional, and understood my vision perfectly. Thank you for making me feel beautiful!", imageSrc: "http://img.b2bpic.net/free-photo/future-bride-must-look-perfectly_329181-13642.jpg", imageAlt: "Noora H."},
|
|
{
|
|
id: "t5", name: "Mariam S.", role: "Influencer", testimonial: "Their curated collection is always fresh and stylish. I always find unique pieces that stand out. Nabees Fashion is my go-to for quality and elegance in Sharjah.", imageSrc: "http://img.b2bpic.net/free-photo/picture-two-pretty-happy-women-making-selfie-smartphone-pink_171337-11185.jpg", imageAlt: "Mariam S."},
|
|
]}
|
|
title="Hear From Our Happy Clients"
|
|
description="We pride ourselves on creating beautiful garments and exceptional experiences. Read what our customers have to say."
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqBase
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
faqs={[
|
|
{
|
|
id: "q1", title: "What types of clothing do you offer?", content: "Nabees Fashion offers a wide range of premium women's clothing, including everyday wear, modest fashion, formal dresses, and custom-designed outfits for special occasions. Our collection is carefully curated to ensure quality and unique style."},
|
|
{
|
|
id: "q2", title: "Do you provide custom tailoring services?", content: "Yes, we specialize in custom tailoring. Our expert tailors work with you from concept to creation, ensuring a perfect fit and unique design that reflects your personal style. Schedule a consultation to discuss your vision."},
|
|
{
|
|
id: "q3", title: "What are your alteration service charges?", content: "Alteration charges vary depending on the complexity of the garment and the required modifications. We offer competitive pricing and will provide a detailed quote after assessing your item during a fitting session."},
|
|
{
|
|
id: "q4", title: "What is your return/exchange policy?", content: "We accept returns or exchanges for unworn, unwashed items with original tags within 7 days of purchase. Custom-tailored or altered garments are final sale, but we guarantee satisfaction with our workmanship."},
|
|
{
|
|
id: "q5", title: "Can I view the collection online before visiting?", content: "While our full collection is best experienced in-store, this website provides a glimpse of our latest arrivals and signature pieces. We encourage you to visit our Sharjah boutique for a complete browsing and fitting experience."},
|
|
]}
|
|
title="Frequently Asked Questions"
|
|
description="Have questions about our services or collection? Find quick answers here."
|
|
faqsAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactCTA
|
|
useInvertedBackground={false}
|
|
background={{
|
|
variant: "radial-gradient"}}
|
|
tag="Visit Us"
|
|
title="Find Your Perfect Fit Today"
|
|
description="Located in the heart of Sharjah, Nabees Fashion invites you to discover our exquisite collection and experience personalized service."
|
|
buttons={[
|
|
{
|
|
text: "Get Directions", href: "https://www.google.com/maps/search/Sultan+Al+Thehli+Building,+Wahat+Alrams+Gar,+Muweilah,+Sharjah"},
|
|
{
|
|
text: "Call Us: 0551808863", href: "tel:+971551808863"},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterCard
|
|
logoSrc="https://nabeesfashion.com/wp-content/uploads/2023/12/logo-png.png"
|
|
logoAlt="Nabees Fashion Logo"
|
|
logoText="Nabees Fashion"
|
|
copyrightText="© 2024 Nabees Fashion. All rights reserved."
|
|
socialLinks={[
|
|
{
|
|
icon: Facebook,
|
|
href: "#", ariaLabel: "Facebook"},
|
|
{
|
|
icon: Instagram,
|
|
href: "#", ariaLabel: "Instagram"},
|
|
{
|
|
icon: Twitter,
|
|
href: "#", ariaLabel: "Twitter"},
|
|
]}
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
} |