Compare commits
16 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| d2d818c6f7 | |||
| d4fc7e22ba | |||
| 69948f9a3e | |||
| 3f29e91e80 | |||
| 609b36fe53 | |||
| fc69d52b2a | |||
| 94047c56d0 | |||
| fa64d6d238 | |||
| c0b8ed4114 | |||
| 153a248128 | |||
| 3e3ceb3f4f | |||
| e88d069d6a | |||
| 43db893cf1 | |||
| 9ea0c791b7 | |||
| 89fb300fe2 | |||
| d74671cc2b |
@@ -27,49 +27,27 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
name: "Home", id: "/"},
|
||||
{
|
||||
name: "Shop",
|
||||
id: "/shop",
|
||||
},
|
||||
name: "Shop", id: "/shop"},
|
||||
{
|
||||
name: "Men's",
|
||||
id: "/men",
|
||||
},
|
||||
name: "Men's", id: "/men"},
|
||||
{
|
||||
name: "Women's",
|
||||
id: "/women",
|
||||
},
|
||||
name: "Women's", id: "/women"},
|
||||
{
|
||||
name: "Fabrics",
|
||||
id: "/fabrics",
|
||||
},
|
||||
name: "Fabrics", id: "/fabrics"},
|
||||
{
|
||||
name: "Wedding",
|
||||
id: "/wedding",
|
||||
},
|
||||
name: "Wedding", id: "/wedding"},
|
||||
{
|
||||
name: "About",
|
||||
id: "/about",
|
||||
},
|
||||
name: "About", id: "/about"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "/contact",
|
||||
},
|
||||
name: "Contact", id: "/contact"},
|
||||
{
|
||||
name: "Blog",
|
||||
id: "/blog",
|
||||
},
|
||||
name: "Blog", id: "/blog"},
|
||||
{
|
||||
name: "Cart",
|
||||
id: "/cart",
|
||||
},
|
||||
name: "Cart", id: "/cart"},
|
||||
{
|
||||
name: "Checkout",
|
||||
id: "/checkout",
|
||||
},
|
||||
name: "Checkout", id: "/checkout"},
|
||||
]}
|
||||
brandName="Al-Karam Luxury"
|
||||
/>
|
||||
@@ -78,24 +56,18 @@ export default function LandingPage() {
|
||||
<div id="about-story" data-section="about-story">
|
||||
<MetricSplitMediaAbout
|
||||
useInvertedBackground={false}
|
||||
title="Our Journey in Fashion"
|
||||
description="Founded on the principles of heritage and innovation, Al-Karam Luxury continues to set benchmarks in Pakistani fashion, evolving with time while preserving timeless artistry. Our story is woven into every fabric, reflecting decades of dedication."
|
||||
title="Our Journey in Pakistani Fashion & Fabrics"
|
||||
description="Founded on the principles of heritage and innovation, Al-Karam Luxury continues to set benchmarks in Pakistani fashion, evolving with time while preserving timeless artistry. Our story is woven into every fabric, reflecting decades of dedication to quality and luxury."
|
||||
metrics={[
|
||||
{
|
||||
value: "25+",
|
||||
title: "Collections Launched",
|
||||
},
|
||||
value: "25+", title: "Luxury Collections Launched"},
|
||||
{
|
||||
value: "5000+",
|
||||
title: "Happy Customers",
|
||||
},
|
||||
value: "5000+", title: "Cherished Customers Worldwide"},
|
||||
{
|
||||
value: "Global",
|
||||
title: "Presence",
|
||||
},
|
||||
value: "Global", title: "Presence & Exclusivity"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/tailoring-items-arrangement-still-life_23-2149647275.jpg"
|
||||
imageAlt="Vintage Pakistani fashion archive"
|
||||
imageAlt="Pakistani fashion atelier with luxurious fabrics and tailoring items"
|
||||
mediaAnimation="slide-up"
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -110,53 +82,23 @@ export default function LandingPage() {
|
||||
carouselMode="buttons"
|
||||
testimonials={[
|
||||
{
|
||||
id: "at1",
|
||||
name: "Saira Rizvi",
|
||||
role: "Fashion Blogger",
|
||||
company: "UK",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-posing-while-wearing-traditional-sari-garment_23-2149565172.jpg",
|
||||
imageAlt: "Saira Rizvi",
|
||||
},
|
||||
id: "at1", name: "Saira Rizvi", role: "Fashion Blogger, UK", company: "", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-posing-while-wearing-traditional-sari-garment_23-2149565172.jpg", imageAlt: "Saira Rizvi in traditional Pakistani attire"},
|
||||
{
|
||||
id: "at2",
|
||||
name: "Kamran Hussain",
|
||||
role: "Businessman",
|
||||
company: "Canada",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-shirtless-man-turban-head-beautiful-silver-ornament_1150-48702.jpg",
|
||||
imageAlt: "Kamran Hussain",
|
||||
},
|
||||
id: "at2", name: "Kamran Hussain", role: "Businessman, Canada", company: "", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-shirtless-man-turban-head-beautiful-silver-ornament_1150-48702.jpg", imageAlt: "Kamran Hussain in traditional wear"},
|
||||
{
|
||||
id: "at3",
|
||||
name: "Nida Farooqi",
|
||||
role: "Interior Designer",
|
||||
company: "USA",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-stylish-woman-walking-with-smartphone-listening-music-headphones-summer-vacation_285396-3734.jpg",
|
||||
imageAlt: "Nida Farooqi",
|
||||
},
|
||||
id: "at3", name: "Nida Farooqi", role: "Interior Designer, USA", company: "", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-stylish-woman-walking-with-smartphone-listening-music-headphones-summer-vacation_285396-3734.jpg", imageAlt: "Nida Farooqi wearing Al-Karam Luxury"},
|
||||
{
|
||||
id: "at4",
|
||||
name: "Imtiaz & Aisha",
|
||||
role: "Engagement Couple",
|
||||
company: "Australia",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-long-red-dress-walks-around-city-with-her-husband_1157-13380.jpg",
|
||||
imageAlt: "Imtiaz & Aisha",
|
||||
},
|
||||
id: "at4", name: "Imtiaz & Aisha", role: "Engagement Couple, Australia", company: "", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-long-red-dress-walks-around-city-with-her-husband_1157-13380.jpg", imageAlt: "Imtiaz & Aisha in Al-Karam Luxury wedding attire"},
|
||||
{
|
||||
id: "at5",
|
||||
name: "Meher Bano",
|
||||
role: "Textile Historian",
|
||||
company: "Pakistan",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-indian-woman-wearing-sari_23-2149400863.jpg",
|
||||
imageAlt: "Meher Bano",
|
||||
},
|
||||
id: "at5", name: "Meher Bano", role: "Textile Historian, Pakistan", company: "", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-indian-woman-wearing-sari_23-2149400863.jpg", imageAlt: "Meher Bano discussing Al-Karam Luxury fabrics"},
|
||||
]}
|
||||
title="What Our Cherished Clients Say"
|
||||
description="Authentic feedback from our cherished customers, a testament to the quality and service we deliver with passion and precision."
|
||||
title="What Our Cherished Clients Say About Al-Karam Luxury"
|
||||
description="Authentic feedback from our cherished customers, a testament to the unparalleled quality and bespoke service we deliver with passion and precision in Pakistani fashion."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -165,16 +107,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Craftsmanship Excellence",
|
||||
"Authentic Heritage",
|
||||
"Ethical Sourcing",
|
||||
"Customer Trust",
|
||||
"Sustainable Practices",
|
||||
"Innovative Design",
|
||||
"Timeless Elegance",
|
||||
]}
|
||||
title="Our Guiding Brand Values"
|
||||
description="Committed to quality, tradition, and customer satisfaction, we uphold the highest standards in every creation."
|
||||
"Exquisite Craftsmanship", "Authentic Pakistani Heritage", "Ethical & Sustainable Sourcing", "Unmatched Customer Trust", "Innovative & Timeless Design", "Premium Luxury Fabrics", "Global Fashion Influence"]}
|
||||
title="Our Guiding Principles at Al-Karam Luxury"
|
||||
description="Committed to quality, tradition, and customer satisfaction, we uphold the highest standards in every creation, ensuring each piece reflects our dedication to luxury Pakistani fashion."
|
||||
speed={30}
|
||||
showCard={true}
|
||||
/>
|
||||
@@ -187,66 +122,39 @@ export default function LandingPage() {
|
||||
logoText="Al-Karam Luxury"
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "/about",
|
||||
},
|
||||
label: "About Us", href: "/about"},
|
||||
{
|
||||
label: "Contact Us",
|
||||
href: "/contact",
|
||||
},
|
||||
label: "Contact Us", href: "/contact"},
|
||||
{
|
||||
label: "Blog",
|
||||
href: "/blog",
|
||||
},
|
||||
label: "Blog", href: "/blog"},
|
||||
{
|
||||
label: "FAQs",
|
||||
href: "/contact#faqs",
|
||||
},
|
||||
label: "FAQs", href: "/contact#faqs"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Collections",
|
||||
items: [
|
||||
title: "Collections", items: [
|
||||
{
|
||||
label: "Men's Collection",
|
||||
href: "/men",
|
||||
},
|
||||
label: "Men's Collection", href: "/men"},
|
||||
{
|
||||
label: "Women's Collection",
|
||||
href: "/women",
|
||||
},
|
||||
label: "Women's Collection", href: "/women"},
|
||||
{
|
||||
label: "Luxury Fabrics",
|
||||
href: "/fabrics",
|
||||
},
|
||||
label: "Luxury Fabrics", href: "/fabrics"},
|
||||
{
|
||||
label: "Wedding Collection",
|
||||
href: "/wedding",
|
||||
},
|
||||
label: "Wedding Collection", href: "/wedding"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Customer Service",
|
||||
items: [
|
||||
title: "Customer Service", items: [
|
||||
{
|
||||
label: "Shipping Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Shipping Policy", href: "#"},
|
||||
{
|
||||
label: "Return Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Return Policy", href: "#"},
|
||||
{
|
||||
label: "Order Tracking",
|
||||
href: "#",
|
||||
},
|
||||
label: "Order Tracking", href: "#"},
|
||||
{
|
||||
label: "Account Login",
|
||||
href: "#",
|
||||
},
|
||||
label: "Account Login", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -256,4 +164,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
@@ -26,49 +26,27 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
name: "Home", id: "/"},
|
||||
{
|
||||
name: "Shop",
|
||||
id: "/shop",
|
||||
},
|
||||
name: "Shop", id: "/shop"},
|
||||
{
|
||||
name: "Men's",
|
||||
id: "/men",
|
||||
},
|
||||
name: "Men's", id: "/men"},
|
||||
{
|
||||
name: "Women's",
|
||||
id: "/women",
|
||||
},
|
||||
name: "Women's", id: "/women"},
|
||||
{
|
||||
name: "Fabrics",
|
||||
id: "/fabrics",
|
||||
},
|
||||
name: "Fabrics", id: "/fabrics"},
|
||||
{
|
||||
name: "Wedding",
|
||||
id: "/wedding",
|
||||
},
|
||||
name: "Wedding", id: "/wedding"},
|
||||
{
|
||||
name: "About",
|
||||
id: "/about",
|
||||
},
|
||||
name: "About", id: "/about"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "/contact",
|
||||
},
|
||||
name: "Contact", id: "/contact"},
|
||||
{
|
||||
name: "Blog",
|
||||
id: "/blog",
|
||||
},
|
||||
name: "Blog", id: "/blog"},
|
||||
{
|
||||
name: "Cart",
|
||||
id: "/cart",
|
||||
},
|
||||
name: "Cart", id: "/cart"},
|
||||
{
|
||||
name: "Checkout",
|
||||
id: "/checkout",
|
||||
},
|
||||
name: "Checkout", id: "/checkout"},
|
||||
]}
|
||||
brandName="Al-Karam Luxury"
|
||||
/>
|
||||
@@ -80,41 +58,14 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Insights from the World of Pakistani Fashion"
|
||||
description="Stay informed with our articles on trends, traditions, style guides, and the rich heritage of South Asian textiles."
|
||||
description="Stay informed with our exclusive articles on trends, traditions, style guides, and the rich heritage of South Asian textiles and luxury fabrics."
|
||||
blogs={[
|
||||
{
|
||||
id: "b1",
|
||||
category: "Culture",
|
||||
title: "The Rich History of Pakistani Embroidery",
|
||||
excerpt: "Dive into the intricate world of traditional Pakistani embroidery and its cultural significance.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/african-man_1303-4410.jpg",
|
||||
imageAlt: "Traditional Pakistani embroidery",
|
||||
authorName: "Aisha Malik",
|
||||
authorAvatar: "http://img.b2bpic.net/free-photo/pretty-short-hair-woman-with-light-make-up-golden-earrings-red-china-dragon-printed-blouse-green-positive-emotions-confident-smile_343596-6372.jpg",
|
||||
date: "November 01, 2024",
|
||||
},
|
||||
id: "b1", category: "Culture", title: "The Rich History of Pakistani Embroidery", excerpt: "Dive into the intricate world of traditional Pakistani embroidery and its cultural significance in luxury fashion.", imageSrc: "http://img.b2bpic.net/free-photo/african-man_1303-4410.jpg", imageAlt: "Traditional Pakistani embroidery on luxury fabric", authorName: "Aisha Malik", authorAvatar: "http://img.b2bpic.net/free-photo/pretty-short-hair-woman-with-light-make-up-golden-earrings-red-china-dragon-printed-blouse-green-positive-emotions-confident-smile_343596-6372.jpg", date: "November 01, 2024"},
|
||||
{
|
||||
id: "b2",
|
||||
category: "Design",
|
||||
title: "Modern Silhouettes in Traditional Suits",
|
||||
excerpt: "How contemporary cuts are redefining classic Pakistani stitched and unstitched suits.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/girls-suit_1303-4445.jpg",
|
||||
imageAlt: "Modern stitched suit design",
|
||||
authorName: "Imran Khan",
|
||||
authorAvatar: "http://img.b2bpic.net/free-photo/medium-shot-man-with-braids-portrait_23-2151428218.jpg",
|
||||
date: "October 15, 2024",
|
||||
},
|
||||
id: "b2", category: "Design", title: "Modern Silhouettes in Traditional Suits", excerpt: "How contemporary cuts are redefining classic Pakistani stitched and unstitched luxury suits for modern elegance.", imageSrc: "http://img.b2bpic.net/free-photo/girls-suit_1303-4445.jpg", imageAlt: "Modern stitched suit design from Al-Karam Luxury", authorName: "Imran Khan", authorAvatar: "http://img.b2bpic.net/free-photo/medium-shot-man-with-braids-portrait_23-2151428218.jpg", date: "October 15, 2024"},
|
||||
{
|
||||
id: "b3",
|
||||
category: "Fabrics",
|
||||
title: "A Guide to Luxury Pakistani Fabrics",
|
||||
excerpt: "Understand the unique qualities of Boski, Silk, Chiffon, and other premium fabrics.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fabric-textured-background_53876-17968.jpg",
|
||||
imageAlt: "Luxury silk fabric",
|
||||
authorName: "Zain Ali",
|
||||
authorAvatar: "http://img.b2bpic.net/free-photo/medium-shot-brazilian-woman-working-as-clothing-designer_23-2150762253.jpg",
|
||||
date: "September 28, 2024",
|
||||
},
|
||||
id: "b3", category: "Fabrics", title: "A Guide to Luxury Pakistani Fabrics", excerpt: "Understand the unique qualities of Boski, Silk, Chiffon, and other premium fabrics in our curated collection.", imageSrc: "http://img.b2bpic.net/free-photo/fabric-textured-background_53876-17968.jpg", imageAlt: "Close-up of luxury silk fabric", authorName: "Zain Ali", authorAvatar: "http://img.b2bpic.net/free-photo/medium-shot-brazilian-woman-working-as-clothing-designer_23-2150762253.jpg", date: "September 28, 2024"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -123,13 +74,12 @@ export default function LandingPage() {
|
||||
<ContactSplit
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
tag="Join Our Community"
|
||||
title="Never Miss a Fashion Update"
|
||||
description="Subscribe to our blog's newsletter for exclusive articles, styling tips, and insights delivered straight to your inbox."
|
||||
variant: "plain"}}
|
||||
tag="Join Our Fashion Community"
|
||||
title="Never Miss a Luxury Fashion Update"
|
||||
description="Subscribe to our blog's newsletter for exclusive articles, styling tips, and insights into premium Pakistani fashion delivered straight to your inbox."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/wavy-text-collage-concept_52683-104221.jpg"
|
||||
imageAlt="Woman reading fashion blog on tablet"
|
||||
imageAlt="Woman reading a luxury fashion blog on tablet"
|
||||
mediaAnimation="slide-up"
|
||||
mediaPosition="left"
|
||||
inputPlaceholder="Enter your email"
|
||||
@@ -145,66 +95,39 @@ export default function LandingPage() {
|
||||
logoText="Al-Karam Luxury"
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "/about",
|
||||
},
|
||||
label: "About Us", href: "/about"},
|
||||
{
|
||||
label: "Contact Us",
|
||||
href: "/contact",
|
||||
},
|
||||
label: "Contact Us", href: "/contact"},
|
||||
{
|
||||
label: "Blog",
|
||||
href: "/blog",
|
||||
},
|
||||
label: "Blog", href: "/blog"},
|
||||
{
|
||||
label: "FAQs",
|
||||
href: "/contact#faqs",
|
||||
},
|
||||
label: "FAQs", href: "/contact#faqs"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Collections",
|
||||
items: [
|
||||
title: "Collections", items: [
|
||||
{
|
||||
label: "Men's Collection",
|
||||
href: "/men",
|
||||
},
|
||||
label: "Men's Collection", href: "/men"},
|
||||
{
|
||||
label: "Women's Collection",
|
||||
href: "/women",
|
||||
},
|
||||
label: "Women's Collection", href: "/women"},
|
||||
{
|
||||
label: "Luxury Fabrics",
|
||||
href: "/fabrics",
|
||||
},
|
||||
label: "Luxury Fabrics", href: "/fabrics"},
|
||||
{
|
||||
label: "Wedding Collection",
|
||||
href: "/wedding",
|
||||
},
|
||||
label: "Wedding Collection", href: "/wedding"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Customer Service",
|
||||
items: [
|
||||
title: "Customer Service", items: [
|
||||
{
|
||||
label: "Shipping Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Shipping Policy", href: "#"},
|
||||
{
|
||||
label: "Return Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Return Policy", href: "#"},
|
||||
{
|
||||
label: "Order Tracking",
|
||||
href: "#",
|
||||
},
|
||||
label: "Order Tracking", href: "#"},
|
||||
{
|
||||
label: "Account Login",
|
||||
href: "#",
|
||||
},
|
||||
label: "Account Login", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -214,4 +137,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
@@ -2,11 +2,24 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import ProductCart from '@/components/ecommerce/productCart/ProductCart';
|
||||
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
||||
import FooterMedia from '@/components/sections/footer/FooterMedia';
|
||||
|
||||
export default function LandingPage() {
|
||||
const navItems = [
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Shop", id: "/shop" },
|
||||
{ name: "Men's", id: "/men" },
|
||||
{ name: "Women's", id: "/women" },
|
||||
{ name: "Fabrics", id: "/fabrics" },
|
||||
{ name: "Wedding", id: "/wedding" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "Contact", id: "/contact" },
|
||||
{ name: "Blog", id: "/blog" },
|
||||
{ name: "Cart", id: "/cart" },
|
||||
{ name: "Checkout", id: "/checkout" },
|
||||
];
|
||||
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="text-stagger"
|
||||
@@ -21,111 +34,52 @@ export default function LandingPage() {
|
||||
headingFontWeight="extrabold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home", id: "/"},
|
||||
{
|
||||
name: "Shop", id: "/shop"},
|
||||
{
|
||||
name: "Men's", id: "/men"},
|
||||
{
|
||||
name: "Women's", id: "/women"},
|
||||
{
|
||||
name: "Fabrics", id: "/fabrics"},
|
||||
{
|
||||
name: "Wedding", id: "/wedding"},
|
||||
{
|
||||
name: "About", id: "/about"},
|
||||
{
|
||||
name: "Contact", id: "/contact"},
|
||||
{
|
||||
name: "Blog", id: "/blog"},
|
||||
{
|
||||
name: "Cart", id: "/cart"},
|
||||
{
|
||||
name: "Checkout", id: "/checkout"},
|
||||
]}
|
||||
brandName="Al-Karam Luxury"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={navItems}
|
||||
brandName="Al-Karam Luxury"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="cart-summary" data-section="cart-summary">
|
||||
<ProductCart
|
||||
isOpen={true}
|
||||
onClose={() => {}}
|
||||
title="Your Shopping Cart"
|
||||
totalLabel="Order Total"
|
||||
emptyMessage="Your cart is empty. Start shopping now!"
|
||||
items={[
|
||||
{
|
||||
id: "cart-item-1", name: "Emerald Silk Kurta Set", variants: ["Size: M", "Color: Emerald"], price: "$299.00", quantity: 1,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-female-model-sleeping-underwear_1303-19340.jpg", imageAlt: "Emerald Silk Kurta Set"},
|
||||
{
|
||||
id: "cart-item-2", name: "Crimson Velvet Bridal Dress", variants: ["Size: L", "Color: Crimson"], price: "$1499.00", quantity: 1,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/girl-posing-with-board_1321-1337.jpg", imageAlt: "Crimson Velvet Bridal Dress"},
|
||||
{
|
||||
id: "cart-item-3", name: "Charcoal Linen Shalwar Kameez", variants: ["Size: S", "Color: Charcoal"], price: "$189.00", quantity: 2,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-front-door_23-2148248476.jpg", imageAlt: "Charcoal Linen Shalwar Kameez"}
|
||||
]}
|
||||
total="$2176.00"
|
||||
buttons={[
|
||||
{
|
||||
text: "Continue Shopping", href: "/shop"},
|
||||
{
|
||||
text: "Proceed to Checkout", href: "/checkout"}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="cart-summary" data-section="cart-summary" className="min-h-[50vh] flex items-center justify-center">
|
||||
<p className="text-xl text-foreground-accent">Your cart is currently empty.</p>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="http://img.b2bpic.net/free-photo/black-fabric-texture_53876-94011.jpg"
|
||||
imageAlt="Dark luxury fabric texture"
|
||||
logoText="Al-Karam Luxury"
|
||||
columns={[
|
||||
{
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About Us", href: "/about"},
|
||||
{
|
||||
label: "Contact Us", href: "/contact"},
|
||||
{
|
||||
label: "Blog", href: "/blog"},
|
||||
{
|
||||
label: "FAQs", href: "/contact#faqs"}
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Collections", items: [
|
||||
{
|
||||
label: "Men's Collection", href: "/men"},
|
||||
{
|
||||
label: "Women's Collection", href: "/women"},
|
||||
{
|
||||
label: "Luxury Fabrics", href: "/fabrics"},
|
||||
{
|
||||
label: "Wedding Collection", href: "/wedding"}
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Customer Service", items: [
|
||||
{
|
||||
label: "Shipping Policy", href: "#"},
|
||||
{
|
||||
label: "Return Policy", href: "#"},
|
||||
{
|
||||
label: "Order Tracking", href: "#"},
|
||||
{
|
||||
label: "Account Login", href: "#"}
|
||||
]
|
||||
}
|
||||
]}
|
||||
copyrightText="© 2024 Al-Karam Luxury. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="http://img.b2bpic.net/free-photo/black-fabric-texture_53876-94011.jpg?_wi=10"
|
||||
imageAlt="Dark luxury fabric texture"
|
||||
logoText="Al-Karam Luxury"
|
||||
columns={[
|
||||
{
|
||||
title: "Company", items: [
|
||||
{ label: "About Us", href: "/about" },
|
||||
{ label: "Contact Us", href: "/contact" },
|
||||
{ label: "Blog", href: "/blog" },
|
||||
{ label: "FAQs", href: "/contact#faqs" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Collections", items: [
|
||||
{ label: "Men's Collection", href: "/men" },
|
||||
{ label: "Women's Collection", href: "/women" },
|
||||
{ label: "Luxury Fabrics", href: "/fabrics" },
|
||||
{ label: "Wedding Collection", href: "/wedding" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Customer Service", items: [
|
||||
{ label: "Shipping Policy", href: "#" },
|
||||
{ label: "Return Policy", href: "#" },
|
||||
{ label: "Order Tracking", href: "#" },
|
||||
{ label: "Account Login", href: "#" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
copyrightText="© 2024 Al-Karam Luxury. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
@@ -28,49 +28,27 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
name: "Home", id: "/"},
|
||||
{
|
||||
name: "Shop",
|
||||
id: "/shop",
|
||||
},
|
||||
name: "Shop", id: "/shop"},
|
||||
{
|
||||
name: "Men's",
|
||||
id: "/men",
|
||||
},
|
||||
name: "Men's", id: "/men"},
|
||||
{
|
||||
name: "Women's",
|
||||
id: "/women",
|
||||
},
|
||||
name: "Women's", id: "/women"},
|
||||
{
|
||||
name: "Fabrics",
|
||||
id: "/fabrics",
|
||||
},
|
||||
name: "Fabrics", id: "/fabrics"},
|
||||
{
|
||||
name: "Wedding",
|
||||
id: "/wedding",
|
||||
},
|
||||
name: "Wedding", id: "/wedding"},
|
||||
{
|
||||
name: "About",
|
||||
id: "/about",
|
||||
},
|
||||
name: "About", id: "/about"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "/contact",
|
||||
},
|
||||
name: "Contact", id: "/contact"},
|
||||
{
|
||||
name: "Blog",
|
||||
id: "/blog",
|
||||
},
|
||||
name: "Blog", id: "/blog"},
|
||||
{
|
||||
name: "Cart",
|
||||
id: "/cart",
|
||||
},
|
||||
name: "Cart", id: "/cart"},
|
||||
{
|
||||
name: "Checkout",
|
||||
id: "/checkout",
|
||||
},
|
||||
name: "Checkout", id: "/checkout"},
|
||||
]}
|
||||
brandName="Al-Karam Luxury"
|
||||
/>
|
||||
@@ -79,60 +57,37 @@ export default function LandingPage() {
|
||||
<div id="checkout-form" data-section="checkout-form">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={false}
|
||||
title="Secure Checkout"
|
||||
description="Enter your details to complete your luxury purchase. Experience seamless delivery of premium Pakistani fashion directly to your door."
|
||||
title="Secure Checkout for Luxury Pakistani Fashion"
|
||||
description="Enter your details to complete your exquisite purchase. Experience seamless delivery of premium Pakistani fashion directly to your door."
|
||||
inputs={[
|
||||
{
|
||||
name: "first-name",
|
||||
type: "text",
|
||||
placeholder: "First Name",
|
||||
required: true,
|
||||
name: "first-name", type: "text", placeholder: "First Name", required: true,
|
||||
},
|
||||
{
|
||||
name: "last-name",
|
||||
type: "text",
|
||||
placeholder: "Last Name",
|
||||
required: true,
|
||||
name: "last-name", type: "text", placeholder: "Last Name", required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Email Address",
|
||||
required: true,
|
||||
name: "email", type: "email", placeholder: "Email Address", required: true,
|
||||
},
|
||||
{
|
||||
name: "phone",
|
||||
type: "tel",
|
||||
placeholder: "Phone Number",
|
||||
required: false,
|
||||
name: "phone", type: "tel", placeholder: "Phone Number", required: false,
|
||||
},
|
||||
{
|
||||
name: "address",
|
||||
type: "text",
|
||||
placeholder: "Street Address",
|
||||
required: true,
|
||||
name: "address", type: "text", placeholder: "Street Address", required: true,
|
||||
},
|
||||
{
|
||||
name: "city",
|
||||
type: "text",
|
||||
placeholder: "City",
|
||||
required: true,
|
||||
name: "city", type: "text", placeholder: "City", required: true,
|
||||
},
|
||||
{
|
||||
name: "postal-code",
|
||||
type: "text",
|
||||
placeholder: "Postal Code",
|
||||
required: true,
|
||||
name: "postal-code", type: "text", placeholder: "Postal Code", required: true,
|
||||
},
|
||||
]}
|
||||
textarea={{
|
||||
name: "special-instructions",
|
||||
placeholder: "Special Delivery Instructions (optional)",
|
||||
rows: 3,
|
||||
name: "special-instructions", placeholder: "Special Delivery Instructions (optional)", rows: 3,
|
||||
required: false,
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/close-up-aloe-vera-plant_23-2147842376.jpg?_wi=2"
|
||||
imageAlt="luxury dark fabric background golden thread"
|
||||
imageAlt="Luxury dark fabric background with golden thread detail"
|
||||
mediaAnimation="slide-up"
|
||||
mediaPosition="right"
|
||||
buttonText="Continue to Payment"
|
||||
@@ -147,24 +102,14 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Luxury Stitched Suit - Men's Elite",
|
||||
price: "$129.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pretty-smiling-girl-white-shirt-happily-closing-eyes-leaning-old-door-while-listening-music-red-headphones_574295-1060.jpg?_wi=2",
|
||||
imageAlt: "luxury men's stitched suit dark gold accent",
|
||||
initialQuantity: 1,
|
||||
id: "1", name: "Men's Elite Luxury Stitched Suit", price: "$129.00", imageSrc: "http://img.b2bpic.net/free-photo/pretty-smiling-girl-white-shirt-happily-closing-eyes-leaning-old-door-while-listening-music-red-headphones_574295-1060.jpg?_wi=2", imageAlt: "Luxury men's stitched suit in dark gold accent", initialQuantity: 1,
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Designer Formal Wear - Women's Regal",
|
||||
price: "$249.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/black-white-woman-holding-manila-shawl_23-2148235345.jpg?_wi=2",
|
||||
imageAlt: "designer women's formal suit dark elegant",
|
||||
initialQuantity: 1,
|
||||
id: "2", name: "Women's Regal Designer Formal Wear", price: "$249.00", imageSrc: "http://img.b2bpic.net/free-photo/black-white-woman-holding-manila-shawl_23-2148235345.jpg?_wi=2", imageAlt: "Designer women's formal suit in elegant dark tones", initialQuantity: 1,
|
||||
},
|
||||
]}
|
||||
title="Your Order Summary"
|
||||
description="A quick review of the exquisite items in your cart. Confirm details before payment."
|
||||
description="A quick review of the exquisite Pakistani fashion items in your cart. Confirm details before proceeding to payment."
|
||||
tag="Order Details"
|
||||
/>
|
||||
</div>
|
||||
@@ -173,16 +118,14 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
tag="Almost There!"
|
||||
tagIcon={CreditCard}
|
||||
title="Ready to Place Your Order?"
|
||||
description="Click below to finalize your purchase securely. We appreciate you choosing Al-Karam Luxury Fabrics for your premium fashion needs."
|
||||
title="Ready to Place Your Luxury Order?"
|
||||
description="Click below to finalize your purchase securely. We appreciate you choosing Al-Karam Luxury for your premium Pakistani fashion needs."
|
||||
buttons={[
|
||||
{
|
||||
text: "Proceed to Payment",
|
||||
},
|
||||
text: "Proceed to Payment"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -191,70 +134,41 @@ export default function LandingPage() {
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Shop",
|
||||
items: [
|
||||
title: "Shop", items: [
|
||||
{
|
||||
label: "New Arrivals",
|
||||
href: "/new-arrivals",
|
||||
},
|
||||
label: "New Arrivals", href: "/shop"},
|
||||
{
|
||||
label: "Men's Collection",
|
||||
href: "/men",
|
||||
},
|
||||
label: "Men's Collection", href: "/men"},
|
||||
{
|
||||
label: "Women's Collection",
|
||||
href: "/women",
|
||||
},
|
||||
label: "Women's Collection", href: "/women"},
|
||||
{
|
||||
label: "Unstitched",
|
||||
href: "/unstitched",
|
||||
},
|
||||
label: "Unstitched", href: "/fabrics"},
|
||||
{
|
||||
label: "Formal Wear",
|
||||
href: "/formal",
|
||||
},
|
||||
label: "Formal Wear", href: "/shop"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "About Us",
|
||||
items: [
|
||||
title: "About Us", items: [
|
||||
{
|
||||
label: "Our Story",
|
||||
href: "/about",
|
||||
},
|
||||
label: "Our Story", href: "/about"},
|
||||
{
|
||||
label: "Craftsmanship",
|
||||
href: "/craftsmanship",
|
||||
},
|
||||
label: "Craftsmanship", href: "/about"},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "/careers",
|
||||
},
|
||||
label: "Careers", href: "#"},
|
||||
{
|
||||
label: "Blog",
|
||||
href: "/blog",
|
||||
},
|
||||
label: "Blog", href: "/blog"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Customer Service",
|
||||
items: [
|
||||
title: "Customer Service", items: [
|
||||
{
|
||||
label: "Contact Us",
|
||||
href: "/contact",
|
||||
},
|
||||
label: "Contact Us", href: "/contact"},
|
||||
{
|
||||
label: "FAQs",
|
||||
href: "/faq",
|
||||
},
|
||||
label: "FAQs", href: "/contact#faqs"},
|
||||
{
|
||||
label: "Shipping & Returns",
|
||||
href: "/shipping",
|
||||
},
|
||||
label: "Shipping & Returns", href: "#"},
|
||||
{
|
||||
label: "Size Guide",
|
||||
href: "/size-guide",
|
||||
},
|
||||
label: "Size Guide", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -265,4 +179,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
@@ -26,49 +26,27 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
name: "Home", id: "/"},
|
||||
{
|
||||
name: "Shop",
|
||||
id: "/shop",
|
||||
},
|
||||
name: "Shop", id: "/shop"},
|
||||
{
|
||||
name: "Men's",
|
||||
id: "/men",
|
||||
},
|
||||
name: "Men's", id: "/men"},
|
||||
{
|
||||
name: "Women's",
|
||||
id: "/women",
|
||||
},
|
||||
name: "Women's", id: "/women"},
|
||||
{
|
||||
name: "Fabrics",
|
||||
id: "/fabrics",
|
||||
},
|
||||
name: "Fabrics", id: "/fabrics"},
|
||||
{
|
||||
name: "Wedding",
|
||||
id: "/wedding",
|
||||
},
|
||||
name: "Wedding", id: "/wedding"},
|
||||
{
|
||||
name: "About",
|
||||
id: "/about",
|
||||
},
|
||||
name: "About", id: "/about"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "/contact",
|
||||
},
|
||||
name: "Contact", id: "/contact"},
|
||||
{
|
||||
name: "Blog",
|
||||
id: "/blog",
|
||||
},
|
||||
name: "Blog", id: "/blog"},
|
||||
{
|
||||
name: "Cart",
|
||||
id: "/cart",
|
||||
},
|
||||
name: "Cart", id: "/cart"},
|
||||
{
|
||||
name: "Checkout",
|
||||
id: "/checkout",
|
||||
},
|
||||
name: "Checkout", id: "/checkout"},
|
||||
]}
|
||||
brandName="Al-Karam Luxury"
|
||||
/>
|
||||
@@ -78,13 +56,12 @@ export default function LandingPage() {
|
||||
<ContactSplit
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Get in Touch"
|
||||
title="We'd Love to Hear From You"
|
||||
description="Reach out to our team for inquiries, support, or custom orders. We are here to assist you with any questions about our luxury collections."
|
||||
description="Reach out to our team for inquiries, support, or custom orders regarding our premium Pakistani fashion and fabrics. We are here to assist you."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/close-up-aloe-vera-plant_23-2147842376.jpg?_wi=1"
|
||||
imageAlt="Luxury dark fabric background with golden thread"
|
||||
imageAlt="Luxury dark fabric background with golden thread, signifying high-end fashion"
|
||||
mediaAnimation="slide-up"
|
||||
mediaPosition="right"
|
||||
inputPlaceholder="Your Email Address"
|
||||
@@ -99,27 +76,18 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "g1",
|
||||
title: "Where is Al-Karam Luxury based?",
|
||||
content: "Al-Karam Luxury is a proud Pakistani fashion brand with its main design studio and production facilities located in Lahore, Pakistan.",
|
||||
},
|
||||
id: "g1", title: "Where is Al-Karam Luxury based?", content: "Al-Karam Luxury is a proud Pakistani fashion brand with its main design studio and production facilities located in Lahore, Pakistan, serving global clients."},
|
||||
{
|
||||
id: "g2",
|
||||
title: "Do you ship internationally?",
|
||||
content: "Yes, we offer worldwide shipping to bring our exquisite Pakistani fashion to clients across the globe. Shipping costs and times vary by destination.",
|
||||
},
|
||||
id: "g2", title: "Do you ship your luxury fashion internationally?", content: "Yes, we offer worldwide shipping to bring our exquisite Pakistani fashion and fabrics to clients across the globe. Shipping costs and times vary by destination."},
|
||||
{
|
||||
id: "g3",
|
||||
title: "How can I collaborate with Al-Karam Luxury?",
|
||||
content: "For collaboration opportunities, please reach out to us via the contact form with your proposal, and our team will get back to you shortly.",
|
||||
},
|
||||
id: "g3", title: "How can I collaborate with Al-Karam Luxury?", content: "For collaboration opportunities, please reach out to us via the contact form with your proposal, and our team will get back to you shortly to discuss luxury fashion partnerships."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/beautiful-young-woman-using-her-laptop-home_1301-6905.jpg"
|
||||
imageAlt="Woman typing on laptop support chat"
|
||||
imageAlt="Woman typing on laptop, likely interacting with customer support"
|
||||
mediaAnimation="slide-up"
|
||||
mediaPosition="left"
|
||||
title="General Inquiries"
|
||||
description="Quick answers to frequently asked questions about"
|
||||
title="General Inquiries about Al-Karam Luxury"
|
||||
description="Quick answers to frequently asked questions about our luxury Pakistani fashion brand, orders, and services."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
@@ -131,66 +99,39 @@ export default function LandingPage() {
|
||||
logoText="Al-Karam Luxury"
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "/about",
|
||||
},
|
||||
label: "About Us", href: "/about"},
|
||||
{
|
||||
label: "Contact Us",
|
||||
href: "/contact",
|
||||
},
|
||||
label: "Contact Us", href: "/contact"},
|
||||
{
|
||||
label: "Blog",
|
||||
href: "/blog",
|
||||
},
|
||||
label: "Blog", href: "/blog"},
|
||||
{
|
||||
label: "FAQs",
|
||||
href: "/contact#faqs",
|
||||
},
|
||||
label: "FAQs", href: "/contact#faqs"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Collections",
|
||||
items: [
|
||||
title: "Collections", items: [
|
||||
{
|
||||
label: "Men's Collection",
|
||||
href: "/men",
|
||||
},
|
||||
label: "Men's Collection", href: "/men"},
|
||||
{
|
||||
label: "Women's Collection",
|
||||
href: "/women",
|
||||
},
|
||||
label: "Women's Collection", href: "/women"},
|
||||
{
|
||||
label: "Luxury Fabrics",
|
||||
href: "/fabrics",
|
||||
},
|
||||
label: "Luxury Fabrics", href: "/fabrics"},
|
||||
{
|
||||
label: "Wedding Collection",
|
||||
href: "/wedding",
|
||||
},
|
||||
label: "Wedding Collection", href: "/wedding"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Customer Service",
|
||||
items: [
|
||||
title: "Customer Service", items: [
|
||||
{
|
||||
label: "Shipping Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Shipping Policy", href: "#"},
|
||||
{
|
||||
label: "Return Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Return Policy", href: "#"},
|
||||
{
|
||||
label: "Order Tracking",
|
||||
href: "#",
|
||||
},
|
||||
label: "Order Tracking", href: "#"},
|
||||
{
|
||||
label: "Account Login",
|
||||
href: "#",
|
||||
},
|
||||
label: "Account Login", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -200,4 +141,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
@@ -2,14 +2,25 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
|
||||
import FooterMedia from '@/components/sections/footer/FooterMedia';
|
||||
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
||||
import ProductCatalog from '@/components/ecommerce/productCatalog/ProductCatalog';
|
||||
|
||||
import { Diamond, Leaf, ShieldCheck } from 'lucide-react';
|
||||
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
||||
import FooterMedia from '@/components/sections/footer/FooterMedia';
|
||||
|
||||
export default function LandingPage() {
|
||||
const navItems = [
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Shop", id: "/shop" },
|
||||
{ name: "Men's", id: "/men" },
|
||||
{ name: "Women's", id: "/women" },
|
||||
{ name: "Fabrics", id: "/fabrics" },
|
||||
{ name: "Wedding", id: "/wedding" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "Contact", id: "/contact" },
|
||||
{ name: "Blog", id: "/blog" },
|
||||
{ name: "Cart", id: "/cart" },
|
||||
{ name: "Checkout", id: "/checkout" },
|
||||
];
|
||||
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="text-stagger"
|
||||
@@ -24,130 +35,67 @@ export default function LandingPage() {
|
||||
headingFontWeight="extrabold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home", id: "/"},
|
||||
{
|
||||
name: "Shop", id: "/shop"},
|
||||
{
|
||||
name: "Men's", id: "/men"},
|
||||
{
|
||||
name: "Women's", id: "/women"},
|
||||
{
|
||||
name: "Fabrics", id: "/fabrics"},
|
||||
{
|
||||
name: "Wedding", id: "/wedding"},
|
||||
{
|
||||
name: "About", id: "/about"},
|
||||
{
|
||||
name: "Contact", id: "/contact"},
|
||||
{
|
||||
name: "Blog", id: "/blog"},
|
||||
{
|
||||
name: "Cart", id: "/cart"},
|
||||
{
|
||||
name: "Checkout", id: "/checkout"},
|
||||
]}
|
||||
brandName="Al-Karam Luxury"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={navItems}
|
||||
brandName="Al-Karam Luxury"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="fabrics-catalog" data-section="fabrics-catalog">
|
||||
<ProductCatalog
|
||||
layout="section"
|
||||
products={[
|
||||
{
|
||||
id: "fabric-p1", name: "Premium Wash & Wear (Unstitched)", price: "$120.00", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/silk-fabric-brown-material-home-decoration_23-2148516058.jpg", imageAlt: "Premium Wash & Wear Fabric"},
|
||||
{
|
||||
id: "fabric-p2", name: "Fine Cotton (Unstitched)", price: "$90.00", rating: 4,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/kids-playing-around-calm-cosy-spaces_23-2149622613.jpg", imageAlt: "Fine Cotton Fabric"},
|
||||
{
|
||||
id: "fabric-p3", name: "Luxury Silk (Unstitched)", price: "$500.00", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-shiny-fabric-details_23-2149285590.jpg", imageAlt: "Luxury Silk Fabric"},
|
||||
{
|
||||
id: "fabric-p4", name: "Pure Linen (Unstitched)", price: "$140.00", rating: 4,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/concept-fibers-burlap-material-pinkness_23-2148066714.jpg", imageAlt: "Pure Linen Fabric"},
|
||||
{
|
||||
id: "fabric-p5", name: "Royal Boski (Unstitched)", price: "$400.00", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-colored-plant-leaf_23-2149337915.jpg", imageAlt: "Royal Boski Fabric"},
|
||||
{
|
||||
id: "fabric-p6", name: "Exquisite Chiffon (Unstitched)", price: "$250.00", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-fabric-texture-background_23-2148934873.jpg", imageAlt: "Exquisite Chiffon Fabric"}
|
||||
]}
|
||||
title="Our Luxury Fabrics"
|
||||
description="Indulge in the finest quality materials, from everyday comfort to opulent occasion wear, meticulously selected for their rich texture and drape."
|
||||
/>
|
||||
</div>
|
||||
<div id="fabrics-catalog" data-section="fabrics-catalog">
|
||||
<ProductCardFour
|
||||
animationType="slide-up"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
textboxLayout="default"
|
||||
products={[
|
||||
{ id: "f1", name: "Premium Boski Fabric", price: "$250", variant: "Luxurious Silk-Cotton Blend", imageSrc: "http://img.b2bpic.net/free-photo/closeup-texture-soft-silk-fabric_23-2149503460.jpg", imageAlt: "Premium Boski Fabric", rating: 5 },
|
||||
{ id: "f2", name: "Elegant Chiffon Collection", price: "$180", variant: "Lightweight & Flowy", imageSrc: "http://img.b2bpic.net/free-photo/fine-fabric-texture_23-2149303767.jpg", imageAlt: "Elegant Chiffon Collection", rating: 4 },
|
||||
{ id: "f3", name: "Rich Velvet Textile", price: "$320", variant: "Deep Hues & Soft Touch", imageSrc: "http://img.b2bpic.net/free-photo/texture-blue-velvet-fabric_23-2149187303.jpg", imageAlt: "Rich Velvet Textile", rating: 5 },
|
||||
{ id: "f4", name: "Classic Linen Suits", price: "$150", variant: "Breathable & Durable", imageSrc: "http://img.b2bpic.net/free-photo/linen-fabric-background-pattern_23-2149692348.jpg", imageAlt: "Classic Linen Suits", rating: 4 },
|
||||
{ id: "f5", name: "Embroidered Net Fabric", price: "$200", variant: "Intricate Design", imageSrc: "http://img.b2bpic.net/free-photo/texture-white-transparent-tulle-fabric_23-2148762744.jpg", imageAlt: "Embroidered Net Fabric", rating: 5 },
|
||||
{ id: "f6", name: "Pure Silk Dupatta", price: "$95", variant: "Vibrant Colors", imageSrc: "http://img.b2bpic.net/free-photo/silk-fabric_23-2149090623.jpg", imageAlt: "Pure Silk Dupatta", rating: 4 }
|
||||
]}
|
||||
title="Explore Our Exquisite Fabric Collections"
|
||||
description="Discover a world of premium textiles, from luxurious silks and chiffons to traditional Boski and modern blends, perfect for bespoke creations and designer ensembles."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="fabric-metrics" data-section="fabric-metrics">
|
||||
<MetricCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1", value: "100%", title: "Pure & Authentic", description: "Sourced from the finest mills to guarantee genuine quality and feel.", icon: Diamond},
|
||||
{
|
||||
id: "m2", value: "Ethical", title: "Sourcing & Craftsmanship", description: "Committed to fair practices and sustainable production at every step.", icon: Leaf},
|
||||
{
|
||||
id: "m3", value: "Superior", title: "Durability & Comfort", description: "Fabrics are tested for longevity, color fastness, and ultimate comfort.", icon: ShieldCheck}
|
||||
]}
|
||||
title="Our Commitment to Quality Fabrics"
|
||||
description="We source and craft fabrics with uncompromising standards, ensuring luxury in every thread and a superior experience for our customers."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="http://img.b2bpic.net/free-photo/black-fabric-texture_53876-94011.jpg"
|
||||
imageAlt="Dark luxury fabric texture"
|
||||
logoText="Al-Karam Luxury"
|
||||
columns={[
|
||||
{
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About Us", href: "/about"},
|
||||
{
|
||||
label: "Contact Us", href: "/contact"},
|
||||
{
|
||||
label: "Blog", href: "/blog"},
|
||||
{
|
||||
label: "FAQs", href: "/contact#faqs"}
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Collections", items: [
|
||||
{
|
||||
label: "Men's Collection", href: "/men"},
|
||||
{
|
||||
label: "Women's Collection", href: "/women"},
|
||||
{
|
||||
label: "Luxury Fabrics", href: "/fabrics"},
|
||||
{
|
||||
label: "Wedding Collection", href: "/wedding"}
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Customer Service", items: [
|
||||
{
|
||||
label: "Shipping Policy", href: "#"},
|
||||
{
|
||||
label: "Return Policy", href: "#"},
|
||||
{
|
||||
label: "Order Tracking", href: "#"},
|
||||
{
|
||||
label: "Account Login", href: "#"}
|
||||
]
|
||||
}
|
||||
]}
|
||||
copyrightText="© 2024 Al-Karam Luxury. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="http://img.b2bpic.net/free-photo/black-fabric-texture_53876-94011.jpg?_wi=11"
|
||||
imageAlt="Dark luxury fabric texture"
|
||||
logoText="Al-Karam Luxury"
|
||||
columns={[
|
||||
{
|
||||
title: "Company", items: [
|
||||
{ label: "About Us", href: "/about" },
|
||||
{ label: "Contact Us", href: "/contact" },
|
||||
{ label: "Blog", href: "/blog" },
|
||||
{ label: "FAQs", href: "/contact#faqs" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Collections", items: [
|
||||
{ label: "Men's Collection", href: "/men" },
|
||||
{ label: "Women's Collection", href: "/women" },
|
||||
{ label: "Luxury Fabrics", href: "/fabrics" },
|
||||
{ label: "Wedding Collection", href: "/wedding" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Customer Service", items: [
|
||||
{ label: "Shipping Policy", href: "#" },
|
||||
{ label: "Return Policy", href: "#" },
|
||||
{ label: "Order Tracking", href: "#" },
|
||||
{ label: "Account Login", href: "#" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
copyrightText="© 2024 Al-Karam Luxury. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
@@ -2,12 +2,25 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import TeamCardSix from '@/components/sections/team/TeamCardSix';
|
||||
import FooterMedia from '@/components/sections/footer/FooterMedia';
|
||||
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
||||
import ProductCatalog from '@/components/ecommerce/productCatalog/ProductCatalog';
|
||||
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
||||
import FooterMedia from '@/components/sections/footer/FooterMedia';
|
||||
|
||||
export default function LandingPage() {
|
||||
const navItems = [
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Shop", id: "/shop" },
|
||||
{ name: "Men's", id: "/men" },
|
||||
{ name: "Women's", id: "/women" },
|
||||
{ name: "Fabrics", id: "/fabrics" },
|
||||
{ name: "Wedding", id: "/wedding" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "Contact", id: "/contact" },
|
||||
{ name: "Blog", id: "/blog" },
|
||||
{ name: "Cart", id: "/cart" },
|
||||
{ name: "Checkout", id: "/checkout" },
|
||||
];
|
||||
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="text-stagger"
|
||||
@@ -22,130 +35,67 @@ export default function LandingPage() {
|
||||
headingFontWeight="extrabold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home", id: "/"},
|
||||
{
|
||||
name: "Shop", id: "/shop"},
|
||||
{
|
||||
name: "Men's", id: "/men"},
|
||||
{
|
||||
name: "Women's", id: "/women"},
|
||||
{
|
||||
name: "Fabrics", id: "/fabrics"},
|
||||
{
|
||||
name: "Wedding", id: "/wedding"},
|
||||
{
|
||||
name: "About", id: "/about"},
|
||||
{
|
||||
name: "Contact", id: "/contact"},
|
||||
{
|
||||
name: "Blog", id: "/blog"},
|
||||
{
|
||||
name: "Cart", id: "/cart"},
|
||||
{
|
||||
name: "Checkout", id: "/checkout"},
|
||||
]}
|
||||
brandName="Al-Karam Luxury"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={navItems}
|
||||
brandName="Al-Karam Luxury"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="wedding-catalog" data-section="wedding-catalog">
|
||||
<ProductCatalog
|
||||
layout="section"
|
||||
products={[
|
||||
{
|
||||
id: "wedding-p1", name: "Bridal Red Lehenga", price: "$1800.00", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/gorgeous-woman-street-fashion-shooting-beautiful-girl-posing-fashion-dress-brunette-dark-hair-long-hair-stylish-makeup-fancy-dress-dreamy-restaurant-red-lips-dark-eyes-summer_343629-252.jpg", imageAlt: "Bridal Red Lehenga"},
|
||||
{
|
||||
id: "wedding-p2", name: "Groom's Gold Sherwani", price: "$1200.00", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-sexy-handsome-fashion-male-model-man-dressed-elegant-suit-black-studio-lights-background_158538-9531.jpg", imageAlt: "Groom's Gold Sherwani"},
|
||||
{
|
||||
id: "wedding-p3", name: "Embroidered Velvet Shawl", price: "$450.00", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/silky-gold-fabric-snakeskin-textured_53876-94696.jpg", imageAlt: "Embroidered Velvet Shawl"},
|
||||
{
|
||||
id: "wedding-p4", name: "Bridesmaid's Chiffon Gown", price: "$380.00", rating: 4,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/profile-young-confident-handsome-man_114579-78891.jpg", imageAlt: "Bridesmaid's Chiffon Gown"},
|
||||
{
|
||||
id: "wedding-p5", name: "Groomsman's Silk Kurta", price: "$250.00", rating: 4,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mobile-black-phone-man-people_1303-1393.jpg", imageAlt: "Groomsman's Silk Kurta"},
|
||||
{
|
||||
id: "wedding-p6", name: "Nikah Ceremony White Ensemble", price: "$950.00", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/african-american-woman-red-pants-white-fur-coat-jacket-posed-winter-day-against-snowy-stone-background_627829-13357.jpg", imageAlt: "Nikah Ceremony White Ensemble"}
|
||||
]}
|
||||
title="The Grand Wedding Collection"
|
||||
description="Exquisite designs and rich embellishments for your most special day, celebrating tradition with a touch of modern luxury."
|
||||
/>
|
||||
</div>
|
||||
<div id="wedding-collection" data-section="wedding-collection">
|
||||
<ProductCardFour
|
||||
animationType="slide-up"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
textboxLayout="default"
|
||||
products={[
|
||||
{ id: "w1", name: "Bridal Lehenga Set", price: "$2500", variant: "Intricate Hand Embroidery", imageSrc: "http://img.b2bpic.net/free-photo/elegant-bride-pakistani-cultural-dress_23-2149565172.jpg", imageAlt: "Bridal Lehenga Set", rating: 5 },
|
||||
{ id: "w2", name: "Groom's Sherwani", price: "$1200", variant: "Classic Velvet with Zari Work", imageSrc: "http://img.b2bpic.net/free-photo/handsome-indian-groom-wearing-sherwani-posing-traditional-ceremony_23-2149864273.jpg", imageAlt: "Groom's Sherwani", rating: 5 },
|
||||
{ id: "w3", name: "Engagement Gown", price: "$900", variant: "Modern Design with Pearl Embellishments", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-woman-posing-wedding-dress_23-2149635678.jpg", imageAlt: "Engagement Gown", rating: 4 },
|
||||
{ id: "w4", name: "Bridesmaid's Anarkali", price: "$550", variant: "Flowy Silk with Minimal Embroidery", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-indian-woman-traditional-clothing-isolated-white-background_23-2149653805.jpg", imageAlt: "Bridesmaid's Anarkali", rating: 4 },
|
||||
{ id: "w5", name: "Wedding Guest Saree", price: "$400", variant: "Pure Chiffon with Zardozi Border", imageSrc: "http://img.b2bpic.net/free-photo/indian-woman-with-jewelry-isolated_23-2149615553.jpg", imageAlt: "Wedding Guest Saree", rating: 5 },
|
||||
{ id: "w6", name: "Groomsmen's Kurta Set", price: "$300", variant: "Linen-Cotton Blend", imageSrc: "http://img.b2bpic.net/free-photo/south-asian-groom-showing-his-wedding-outfit_23-2149491681.jpg", imageAlt: "Groomsmen's Kurta Set", rating: 4 }
|
||||
]}
|
||||
title="Our Exquisite Wedding Collection"
|
||||
description="Celebrate your special day with Al-Karam Luxury's bespoke wedding collection, featuring stunning bridal wear, elegant groom's attire, and enchanting ensembles for the entire wedding party."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="design-team" data-section="design-team">
|
||||
<TeamCardSix
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={true}
|
||||
members={[
|
||||
{
|
||||
id: "tm1", name: "Imran Khan", role: "Lead Bridal Designer", imageSrc: "http://img.b2bpic.net/free-photo/front-view-sensitive-man-posing-indoors_23-2149518276.jpg", imageAlt: "Imran Khan"},
|
||||
{
|
||||
id: "tm2", name: "Nazia Fatima", role: "Head of Embellishments", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-transgender-holding-sunglasses_23-2149105479.jpg", imageAlt: "Nazia Fatima"},
|
||||
{
|
||||
id: "tm3", name: "Farhan Abbasi", role: "Groomswear Specialist", imageSrc: "http://img.b2bpic.net/free-photo/cobbler-work_1098-13118.jpg", imageAlt: "Farhan Abbasi"}
|
||||
]}
|
||||
title="Meet Our Design Atelier"
|
||||
description="The creative minds behind your dream wedding attire, bringing visions of elegance and tradition to life with every stitch."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="http://img.b2bpic.net/free-photo/black-fabric-texture_53876-94011.jpg"
|
||||
imageAlt="Dark luxury fabric texture"
|
||||
logoText="Al-Karam Luxury"
|
||||
columns={[
|
||||
{
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About Us", href: "/about"},
|
||||
{
|
||||
label: "Contact Us", href: "/contact"},
|
||||
{
|
||||
label: "Blog", href: "/blog"},
|
||||
{
|
||||
label: "FAQs", href: "/contact#faqs"}
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Collections", items: [
|
||||
{
|
||||
label: "Men's Collection", href: "/men"},
|
||||
{
|
||||
label: "Women's Collection", href: "/women"},
|
||||
{
|
||||
label: "Luxury Fabrics", href: "/fabrics"},
|
||||
{
|
||||
label: "Wedding Collection", href: "/wedding"}
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Customer Service", items: [
|
||||
{
|
||||
label: "Shipping Policy", href: "#"},
|
||||
{
|
||||
label: "Return Policy", href: "#"},
|
||||
{
|
||||
label: "Order Tracking", href: "#"},
|
||||
{
|
||||
label: "Account Login", href: "#"}
|
||||
]
|
||||
}
|
||||
]}
|
||||
copyrightText="© 2024 Al-Karam Luxury. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="http://img.b2bpic.net/free-photo/black-fabric-texture_53876-94011.jpg?_wi=12"
|
||||
imageAlt="Dark luxury fabric texture"
|
||||
logoText="Al-Karam Luxury"
|
||||
columns={[
|
||||
{
|
||||
title: "Company", items: [
|
||||
{ label: "About Us", href: "/about" },
|
||||
{ label: "Contact Us", href: "/contact" },
|
||||
{ label: "Blog", href: "/blog" },
|
||||
{ label: "FAQs", href: "/contact#faqs" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Collections", items: [
|
||||
{ label: "Men's Collection", href: "/men" },
|
||||
{ label: "Women's Collection", href: "/women" },
|
||||
{ label: "Luxury Fabrics", href: "/fabrics" },
|
||||
{ label: "Wedding Collection", href: "/wedding" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Customer Service", items: [
|
||||
{ label: "Shipping Policy", href: "#" },
|
||||
{ label: "Return Policy", href: "#" },
|
||||
{ label: "Order Tracking", href: "#" },
|
||||
{ label: "Account Login", href: "#" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
copyrightText="© 2024 Al-Karam Luxury. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user