Update src/app/fabrics/page.tsx
This commit is contained in:
@@ -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,66 @@ 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}
|
||||
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>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user