Merge version_1 into main #2
229
src/app/page.tsx
229
src/app/page.tsx
@@ -30,23 +30,17 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Collection",
|
||||
id: "products",
|
||||
},
|
||||
name: "Collection", id: "products"},
|
||||
{
|
||||
name: "About",
|
||||
id: "features",
|
||||
},
|
||||
name: "About", id: "features"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Maryam Cloths"
|
||||
button={{
|
||||
text: "Book Now", href: "#contact"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -54,104 +48,59 @@ export default function LandingPage() {
|
||||
<HeroBillboardTestimonial
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
title="Timeless Elegance in Every Thread"
|
||||
description="Experience the perfect blend of tradition and modern style with Maryam Cloths. Crafted with love, designed for your elegance."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Sarah Ahmed",
|
||||
handle: "@sarah_a",
|
||||
testimonial: "Maryam Cloths pieces are stunning. The quality is unmatched!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-elegant-green-velvet-dress-posing_273443-3354.jpg",
|
||||
},
|
||||
name: "Sarah Ahmed", handle: "@sarah_a", testimonial: "Maryam Cloths pieces are stunning. The quality is unmatched!", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-elegant-green-velvet-dress-posing_273443-3354.jpg"},
|
||||
{
|
||||
name: "Fatima Z.",
|
||||
handle: "@fatima_z",
|
||||
testimonial: "The green shades are absolutely beautiful and vibrant.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/charming-brunette-woman-silk-red-dress-pink-hoodie-colorful-sunglasses-sits-outside-looks-into-camera-listens-music-headphones_197531-29344.jpg",
|
||||
},
|
||||
name: "Fatima Z.", handle: "@fatima_z", testimonial: "The green shades are absolutely beautiful and vibrant.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/charming-brunette-woman-silk-red-dress-pink-hoodie-colorful-sunglasses-sits-outside-looks-into-camera-listens-music-headphones_197531-29344.jpg"},
|
||||
{
|
||||
name: "Amina Khalil",
|
||||
handle: "@amina_k",
|
||||
testimonial: "Perfect fit and elegant designs. Truly my favorite brand.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-women-with-packets_23-2147950286.jpg",
|
||||
},
|
||||
name: "Amina Khalil", handle: "@amina_k", testimonial: "Perfect fit and elegant designs. Truly my favorite brand.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-women-with-packets_23-2147950286.jpg"},
|
||||
{
|
||||
name: "Zoya Khan",
|
||||
handle: "@zoyakhan",
|
||||
testimonial: "Exquisite embroidery and premium silk. Highly recommended!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-posing-outdoors_23-2150188348.jpg",
|
||||
},
|
||||
name: "Zoya Khan", handle: "@zoyakhan", testimonial: "Exquisite embroidery and premium silk. Highly recommended!", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-posing-outdoors_23-2150188348.jpg"},
|
||||
{
|
||||
name: "Maria Noor",
|
||||
handle: "@maria_noor",
|
||||
testimonial: "Unique designs that make me feel confident and elegant.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/black-white-portrait-woman-chair-old-hollywood-glamour-style_23-2150720620.jpg",
|
||||
},
|
||||
name: "Maria Noor", handle: "@maria_noor", testimonial: "Unique designs that make me feel confident and elegant.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/black-white-portrait-woman-chair-old-hollywood-glamour-style_23-2150720620.jpg"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Shop Collection",
|
||||
href: "#products",
|
||||
},
|
||||
text: "Shop Collection", href: "#products"},
|
||||
{
|
||||
text: "Learn More",
|
||||
href: "#features",
|
||||
},
|
||||
text: "Learn More", href: "#features"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/wonderful-girl-green-velvet-dress-enjoying-photoshoot-enthusiastic-young-woman-with-wavy-brown-hair-smiling_197531-11605.jpg"
|
||||
imageAlt="Maryam Cloths luxury apparel"
|
||||
mediaAnimation="blur-reveal"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-woman-elegant-green-velvet-dress-posing_273443-3354.jpg",
|
||||
alt: "Customer 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-woman-elegant-green-velvet-dress-posing_273443-3354.jpg", alt: "Customer 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/charming-brunette-woman-silk-red-dress-pink-hoodie-colorful-sunglasses-sits-outside-looks-into-camera-listens-music-headphones_197531-29344.jpg",
|
||||
alt: "Customer 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/charming-brunette-woman-silk-red-dress-pink-hoodie-colorful-sunglasses-sits-outside-looks-into-camera-listens-music-headphones_197531-29344.jpg", alt: "Customer 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-women-with-packets_23-2147950286.jpg",
|
||||
alt: "Customer 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-women-with-packets_23-2147950286.jpg", alt: "Customer 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-woman-posing-outdoors_23-2150188348.jpg",
|
||||
alt: "Customer 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-woman-posing-outdoors_23-2150188348.jpg", alt: "Customer 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/black-white-portrait-woman-chair-old-hollywood-glamour-style_23-2150720620.jpg",
|
||||
alt: "Customer 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/black-white-portrait-woman-chair-old-hollywood-glamour-style_23-2150720620.jpg", alt: "Customer 5"},
|
||||
]}
|
||||
avatarText="Trusted by 5,000+ fashion lovers"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Sustainable Materials",
|
||||
},
|
||||
type: "text", text: "Sustainable Materials"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Ethically Sourced",
|
||||
},
|
||||
type: "text", text: "Ethically Sourced"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Hand-crafted Designs",
|
||||
},
|
||||
type: "text", text: "Hand-crafted Designs"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Premium Silk & Linen",
|
||||
},
|
||||
type: "text", text: "Premium Silk & Linen"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Global Shipping",
|
||||
},
|
||||
type: "text", text: "Global Shipping"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -164,23 +113,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Premium Fabrics",
|
||||
description: "We source only the finest silks, cottons, and blends for unmatched comfort.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/ukrainian-embroidery-folk-arts-crafts_469670-45.jpg",
|
||||
imageAlt: "Premium fabric texture",
|
||||
},
|
||||
title: "Premium Fabrics", description: "We source only the finest silks, cottons, and blends for unmatched comfort.", imageSrc: "http://img.b2bpic.net/free-photo/ukrainian-embroidery-folk-arts-crafts_469670-45.jpg", imageAlt: "Premium fabric texture"},
|
||||
{
|
||||
title: "Expert Craftsmanship",
|
||||
description: "Every piece is designed with extreme attention to detail and traditional skill.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-sewing-tailor-workplace_23-2148827107.jpg?_wi=1",
|
||||
imageAlt: "Expert embroidery work",
|
||||
},
|
||||
title: "Expert Craftsmanship", description: "Every piece is designed with extreme attention to detail and traditional skill.", imageSrc: "http://img.b2bpic.net/free-photo/woman-sewing-tailor-workplace_23-2148827107.jpg", imageAlt: "Expert embroidery work"},
|
||||
{
|
||||
title: "Modern Designs",
|
||||
description: "Blending traditional cultural aesthetics with contemporary fashion trends.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/women-making-preparations-wedding_23-2149184341.jpg",
|
||||
imageAlt: "Curated collection rack",
|
||||
},
|
||||
title: "Modern Designs", description: "Blending traditional cultural aesthetics with contemporary fashion trends.", imageSrc: "http://img.b2bpic.net/free-photo/women-making-preparations-wedding_23-2149184341.jpg", imageAlt: "Curated collection rack"},
|
||||
]}
|
||||
title="Why Maryam Cloths"
|
||||
description="Discover what makes our brand the preferred choice for elegance."
|
||||
@@ -195,53 +132,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Emerald Silk Gown",
|
||||
price: "$180",
|
||||
variant: "Luxury",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/yong-elegance-blonde-girl-green-dress-garden-spring_627829-12367.jpg",
|
||||
imageAlt: "Emerald silk gown",
|
||||
},
|
||||
id: "p1", name: "Emerald Silk Gown", price: "$180", variant: "Luxury", imageSrc: "http://img.b2bpic.net/free-photo/yong-elegance-blonde-girl-green-dress-garden-spring_627829-12367.jpg", imageAlt: "Emerald silk gown"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Tailored Green Jacket",
|
||||
price: "$120",
|
||||
variant: "Classic",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-people-walking-together_53876-22943.jpg",
|
||||
imageAlt: "Green jacket",
|
||||
},
|
||||
id: "p2", name: "Tailored Green Jacket", price: "$120", variant: "Classic", imageSrc: "http://img.b2bpic.net/free-photo/business-people-walking-together_53876-22943.jpg", imageAlt: "Green jacket"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Sage Flowy Skirt",
|
||||
price: "$90",
|
||||
variant: "Modern",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-s-hand-holding-plant_23-2149640630.jpg",
|
||||
imageAlt: "Sage skirt",
|
||||
},
|
||||
id: "p3", name: "Sage Flowy Skirt", price: "$90", variant: "Modern", imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-s-hand-holding-plant_23-2149640630.jpg", imageAlt: "Sage skirt"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Green Evening Gown",
|
||||
price: "$250",
|
||||
variant: "Premium",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/gorgeous-happy-bride-wearing-amazing-dress-holding-wedding-bouquet-garden_613910-19903.jpg",
|
||||
imageAlt: "Evening gown",
|
||||
},
|
||||
id: "p4", name: "Green Evening Gown", price: "$250", variant: "Premium", imageSrc: "http://img.b2bpic.net/free-photo/gorgeous-happy-bride-wearing-amazing-dress-holding-wedding-bouquet-garden_613910-19903.jpg", imageAlt: "Evening gown"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Light Green Blouse",
|
||||
price: "$75",
|
||||
variant: "Casual",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fast-fashion-vs-slow-sustainable-fashion_23-2149134028.jpg",
|
||||
imageAlt: "Green blouse",
|
||||
},
|
||||
id: "p5", name: "Light Green Blouse", price: "$75", variant: "Casual", imageSrc: "http://img.b2bpic.net/free-photo/fast-fashion-vs-slow-sustainable-fashion_23-2149134028.jpg", imageAlt: "Green blouse"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Signature Green Scarf",
|
||||
price: "$45",
|
||||
variant: "Accessory",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-dress-with-paisley-pattern_23-2148237605.jpg",
|
||||
imageAlt: "Green scarf",
|
||||
},
|
||||
id: "p6", name: "Signature Green Scarf", price: "$45", variant: "Accessory", imageSrc: "http://img.b2bpic.net/free-photo/close-up-dress-with-paisley-pattern_23-2148237605.jpg", imageAlt: "Green scarf"},
|
||||
]}
|
||||
title="Our Collection"
|
||||
description="Explore our handpicked selection of elegant garments."
|
||||
@@ -255,24 +156,16 @@ export default function LandingPage() {
|
||||
metrics={[
|
||||
{
|
||||
icon: Users,
|
||||
label: "Happy Clients",
|
||||
value: "10k+",
|
||||
},
|
||||
label: "Happy Clients", value: "10k+"},
|
||||
{
|
||||
icon: ShoppingBag,
|
||||
label: "Designs Created",
|
||||
value: "500+",
|
||||
},
|
||||
label: "Designs Created", value: "500+"},
|
||||
{
|
||||
icon: Leaf,
|
||||
label: "Sustainable Pieces",
|
||||
value: "85%",
|
||||
},
|
||||
label: "Sustainable Pieces", value: "85%"},
|
||||
{
|
||||
icon: Award,
|
||||
label: "Industry Awards",
|
||||
value: "12",
|
||||
},
|
||||
label: "Industry Awards", value: "12"},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -285,25 +178,17 @@ export default function LandingPage() {
|
||||
description="We'd love to hear from you. Reach out for queries or custom requests."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
required: true,
|
||||
name: "name", type: "text", placeholder: "Your Name", required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Your Email",
|
||||
required: true,
|
||||
name: "email", type: "email", placeholder: "Your Email", required: true,
|
||||
},
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Your message",
|
||||
rows: 4,
|
||||
name: "message", placeholder: "Your message", rows: 4,
|
||||
required: true,
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/woman-sewing-tailor-workplace_23-2148827107.jpg?_wi=2"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/woman-sewing-tailor-workplace_23-2148827107.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -311,29 +196,19 @@ export default function LandingPage() {
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "About",
|
||||
items: [
|
||||
title: "About", items: [
|
||||
{
|
||||
label: "Our Story",
|
||||
href: "#",
|
||||
},
|
||||
label: "Our Story", href: "#"},
|
||||
{
|
||||
label: "Sustainability",
|
||||
href: "#",
|
||||
},
|
||||
label: "Sustainability", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
title: "Support", items: [
|
||||
{
|
||||
label: "Contact Us",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact Us", href: "#contact"},
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#",
|
||||
},
|
||||
label: "FAQ", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user