Merge version_2 into main
Merge version_2 into main
This commit was merged in pull request #1.
This commit is contained in:
160
src/app/abayas/page.tsx
Normal file
160
src/app/abayas/page.tsx
Normal file
@@ -0,0 +1,160 @@
|
||||
"use client";
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarStyleCentered";
|
||||
import ProductCardTwo from "@/components/sections/product/ProductCardTwo";
|
||||
import TestimonialCardThirteen from "@/components/sections/testimonial/TestimonialCardThirteen";
|
||||
import FaqBase from "@/components/sections/faq/FaqBase";
|
||||
import FooterBaseCard from "@/components/sections/footer/FooterBaseCard";
|
||||
import { Star, Mail } from "lucide-react"; // Added Star for product ratings, Mail for consistency
|
||||
|
||||
export default function AbayasPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="hover-bubble"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="rounded"
|
||||
contentWidth="small"
|
||||
sizing="largeSmallSizeLargeTitles"
|
||||
background="aurora"
|
||||
cardStyle="gradient-bordered"
|
||||
primaryButtonStyle="double-inset"
|
||||
secondaryButtonStyle="solid"
|
||||
headingFontWeight="extrabold"
|
||||
>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
brandName="Abayas Boutique"
|
||||
navItems={[
|
||||
{ name: "Home", href: "/" },
|
||||
{ name: "Abayas", href: "/abayas" },
|
||||
{ name: "Reviews", href: "#reviews" },
|
||||
{ name: "FAQ", href: "#faq" },
|
||||
{ name: "Contact", href: "/#contact" }
|
||||
]}
|
||||
button={{ text: "Shop All", href: "/abayas" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="product-showcase" data-section="product-showcase">
|
||||
<ProductCardTwo
|
||||
title="Our Exquisite Abayas Collection"
|
||||
description="Discover timeless elegance and modern designs, expertly crafted for every occasion. Explore our latest arrivals and signature pieces."
|
||||
products={[
|
||||
{
|
||||
id: "abaya-1", brand: "Modesty Line", name: "Classic Black Abaya", price: "$120", rating: 5,
|
||||
reviewCount: "150", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/abayas/abaya1.webp", imageAlt: "Classic black abaya"
|
||||
},
|
||||
{
|
||||
id: "abaya-2", brand: "Elegance Wear", name: "Embroidered Nida Abaya", price: "$180", rating: 4,
|
||||
reviewCount: "90", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/abayas/abaya2.webp", imageAlt: "Embroidered Nida abaya"
|
||||
},
|
||||
{
|
||||
id: "abaya-3", brand: "Grace Attire", name: "Open Front Kimono Abaya", price: "$150", rating: 5,
|
||||
reviewCount: "110", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/abayas/abaya3.webp", imageAlt: "Open front kimono abaya"
|
||||
},
|
||||
{
|
||||
id: "abaya-4", brand: "Mystic Veil", name: "Luxury Velvet Abaya", price: "$250", rating: 5,
|
||||
reviewCount: "75", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/abayas/abaya4.webp", imageAlt: "Luxury velvet abaya"
|
||||
}
|
||||
]}
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="reviews" data-section="reviews">
|
||||
<TestimonialCardThirteen
|
||||
title="What Our Valued Customers Say"
|
||||
description="Discover why our customers love their Abayas Boutique experience. We pride ourselves on quality and service."
|
||||
testimonials={[
|
||||
{
|
||||
id: "rev-1", name: "Amina K.", handle: "@aminak_fashion", testimonial: "Absolutely stunning abayas! The quality is exceptional, and the designs are so elegant. I always receive compliments when I wear them.", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/abayas/customer1.avif", imageAlt: "Amina K."
|
||||
},
|
||||
{
|
||||
id: "rev-2", name: "Fatima S.", handle: "@fatima.style", testimonial: "The customer service is outstanding, and the shipping was incredibly fast. My new abaya fits perfectly and looks even better in person.", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/abayas/customer2.avif", imageAlt: "Fatima S."
|
||||
},
|
||||
{
|
||||
id: "rev-3", name: "Noura A.", handle: "@noura.elegance", testimonial: "I'm so impressed with the attention to detail and fabric quality. It's truly modest fashion at its finest. Highly recommend!", rating: 4,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/abayas/customer3.avif", imageAlt: "Noura A."
|
||||
}
|
||||
]}
|
||||
showRating={true}
|
||||
carouselMode="buttons"
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqBase
|
||||
title="Frequently Asked Questions"
|
||||
description="Find answers to common questions about our abayas, sizing, shipping, and care instructions."
|
||||
faqs={[
|
||||
{
|
||||
id: "faq-1", title: "What materials are your abayas made from?", content: "Our abayas are crafted from a variety of high-quality fabrics including Nida, crepe, linen, and premium velvet, ensuring comfort, durability, and elegant drape."
|
||||
},
|
||||
{
|
||||
id: "faq-2", title: "How do I choose the correct size?", content: "Please refer to our detailed sizing chart available on each product page. We recommend measuring yourself and comparing it to our guide for the best fit. If you're between sizes, we suggest sizing up for a modest fit."
|
||||
},
|
||||
{
|
||||
id: "faq-3", title: "Do you offer international shipping?", content: "Yes, we ship worldwide! Shipping costs and delivery times vary by destination. You can find more details at checkout or on our dedicated shipping information page."
|
||||
},
|
||||
{
|
||||
id: "faq-4", title: "What are the care instructions for abayas?", content: "Most of our abayas are best hand-washed or dry-cleaned to maintain their fabric quality and embellishments. Please check the specific care label on each garment for detailed instructions."
|
||||
}
|
||||
]}
|
||||
faqsAnimation="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseCard
|
||||
logoText="Abayas Boutique"
|
||||
columns={[
|
||||
{
|
||||
title: "Shop", items: [
|
||||
{ label: "New Arrivals", href: "/abayas" },
|
||||
{ label: "Classic Abayas", href: "/abayas" },
|
||||
{ label: "Embroidered", href: "/abayas" },
|
||||
{ label: "Open Abayas", href: "/abayas" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Company", items: [
|
||||
{ label: "About Us", href: "/#about" },
|
||||
{ label: "Our Story", href: "/#about" },
|
||||
{ label: "Blog", href: "#" },
|
||||
{ label: "Careers", href: "#" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Support", items: [
|
||||
{ label: "Contact Us", href: "/#contact" },
|
||||
{ label: "FAQ", href: "#faq" },
|
||||
{ label: "Shipping", href: "#" },
|
||||
{ label: "Returns", href: "#" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Connect", items: [
|
||||
{ label: "Instagram", href: "#" },
|
||||
{ label: "Facebook", href: "#" },
|
||||
{ label: "Pinterest", href: "#" },
|
||||
{ label: "TikTok", href: "#" }
|
||||
]
|
||||
}
|
||||
]}
|
||||
copyrightText="© 2025 Abayas Boutique. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
@@ -77,25 +77,13 @@ export default function SkincareTemplatePage() {
|
||||
description="Discover our carefully curated skincare essentials designed to nourish and revitalize your skin. Worldwide shipping available."
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Hydrating Moisturizer",
|
||||
price: "$68",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/skincare/image2.webp",
|
||||
imageAlt: "Hydrating Moisturizer bottle"
|
||||
id: "1", name: "Hydrating Moisturizer", price: "$68", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/skincare/image2.webp", imageAlt: "Hydrating Moisturizer bottle"
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Radiance Serum",
|
||||
price: "$85",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/skincare/image3.webp",
|
||||
imageAlt: "Radiance Serum bottle"
|
||||
id: "2", name: "Radiance Serum", price: "$85", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/skincare/image3.webp", imageAlt: "Radiance Serum bottle"
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Purifying Face Mask",
|
||||
price: "$52",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/skincare/image1.webp",
|
||||
imageAlt: "Purifying Face Mask jar"
|
||||
id: "3", name: "Purifying Face Mask", price: "$52", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/skincare/image1.webp", imageAlt: "Purifying Face Mask jar"
|
||||
}
|
||||
]}
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
@@ -111,20 +99,13 @@ export default function SkincareTemplatePage() {
|
||||
description="Scientifically-formulated skincare products that deliver visible results with natural, sustainable ingredients. Available for worldwide shipping."
|
||||
features={[
|
||||
{
|
||||
title: "Worldwide Shipping",
|
||||
description: "Fast and reliable delivery to over 150 countries worldwide",
|
||||
bentoComponent: "globe"
|
||||
title: "Worldwide Shipping", description: "Fast and reliable delivery to over 150 countries worldwide", bentoComponent: "globe"
|
||||
},
|
||||
{
|
||||
title: "Clinically Proven",
|
||||
description: "Dermatologist-tested and proven effective in clinical trials",
|
||||
bentoComponent: "line-chart"
|
||||
title: "Clinically Proven", description: "Dermatologist-tested and proven effective in clinical trials", bentoComponent: "line-chart"
|
||||
},
|
||||
{
|
||||
title: "Sustainable",
|
||||
description: "Eco-conscious packaging and ethical sourcing practices",
|
||||
bentoComponent: "orbiting-icons",
|
||||
centerIcon: Leaf,
|
||||
title: "Sustainable", description: "Eco-conscious packaging and ethical sourcing practices", bentoComponent: "orbiting-icons", centerIcon: Leaf,
|
||||
items: [
|
||||
{ icon: Droplet, ring: 1 },
|
||||
{ icon: Sprout, ring: 2 },
|
||||
@@ -161,24 +142,16 @@ export default function SkincareTemplatePage() {
|
||||
description="Everything you need to know about our skincare products, worldwide shipping, and delivery."
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "How long does it take to see results?",
|
||||
content: "Most customers notice visible improvements in skin texture and radiance within 2-4 weeks of consistent use. For more significant results like reduced fine lines or hyperpigmentation, allow 6-8 weeks."
|
||||
id: "1", title: "How long does it take to see results?", content: "Most customers notice visible improvements in skin texture and radiance within 2-4 weeks of consistent use. For more significant results like reduced fine lines or hyperpigmentation, allow 6-8 weeks."
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Are your products suitable for sensitive skin?",
|
||||
content: "Yes! All Luminé products are formulated to be gentle and non-irritating. We use natural ingredients and avoid common irritants. We recommend patch testing first if you have very reactive skin."
|
||||
id: "2", title: "Are your products suitable for sensitive skin?", content: "Yes! All Luminé products are formulated to be gentle and non-irritating. We use natural ingredients and avoid common irritants. We recommend patch testing first if you have very reactive skin."
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Do you offer worldwide shipping?",
|
||||
content: "Absolutely! We ship to over 150 countries worldwide. Standard shipping typically takes 7-14 business days depending on your location. Express shipping options are also available for faster delivery."
|
||||
id: "3", title: "Do you offer worldwide shipping?", content: "Absolutely! We ship to over 150 countries worldwide. Standard shipping typically takes 7-14 business days depending on your location. Express shipping options are also available for faster delivery."
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
title: "What is your return policy?",
|
||||
content: "We offer a 60-day satisfaction guarantee on all purchases. If you're not completely happy with your skincare, return it for a full refund or exchange. Worldwide returns are processed efficiently through our international shipping partners."
|
||||
id: "4", title: "What is your return policy?", content: "We offer a 60-day satisfaction guarantee on all purchases. If you're not completely happy with your skincare, return it for a full refund or exchange. Worldwide returns are processed efficiently through our international shipping partners."
|
||||
}
|
||||
]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/skincare/image4.webp"
|
||||
@@ -211,8 +184,7 @@ export default function SkincareTemplatePage() {
|
||||
logoText="Luminé"
|
||||
columns={[
|
||||
{
|
||||
title: "Product",
|
||||
items: [
|
||||
title: "Product", items: [
|
||||
{ label: "Moisturizers", href: "#products" },
|
||||
{ label: "Serums", href: "#products" },
|
||||
{ label: "Masks", href: "#products" },
|
||||
@@ -220,8 +192,7 @@ export default function SkincareTemplatePage() {
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{ label: "About Us", href: "#about" },
|
||||
{ label: "Sustainability", href: "#about" },
|
||||
{ label: "Blog", href: "#" },
|
||||
@@ -229,8 +200,7 @@ export default function SkincareTemplatePage() {
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
title: "Support", items: [
|
||||
{ label: "Contact Us", href: "#contact" },
|
||||
{ label: "FAQ", href: "#faq" },
|
||||
{ label: "Worldwide Shipping", href: "#" },
|
||||
@@ -238,8 +208,7 @@ export default function SkincareTemplatePage() {
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Connect",
|
||||
items: [
|
||||
title: "Connect", items: [
|
||||
{ label: "Instagram", href: "#" },
|
||||
{ label: "Facebook", href: "#" },
|
||||
{ label: "Pinterest", href: "#" },
|
||||
|
||||
Reference in New Issue
Block a user