Merge version_1 into main #1
254
src/app/page.tsx
254
src/app/page.tsx
@@ -33,17 +33,11 @@ export default function LandingPage() {
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Collections",
|
||||
id: "products",
|
||||
},
|
||||
name: "Collections", id: "products"},
|
||||
{
|
||||
name: "Our Story",
|
||||
id: "about",
|
||||
},
|
||||
name: "Our Story", id: "about"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Strutura"
|
||||
/>
|
||||
@@ -52,38 +46,19 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Timeless Elegance, Tailored for You."
|
||||
description="Discover Strutura's new collection of sophisticated outerwear, tailored trousers, and elevated essentials designed for the modern lifestyle."
|
||||
tag="New Arrivals"
|
||||
buttons={[
|
||||
{
|
||||
text: "Shop Now",
|
||||
href: "#products",
|
||||
},
|
||||
text: "Shop Now", href: "#products"},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-openning-door-into-cafeteria_1303-25869.jpg",
|
||||
imageAlt: "Sophisticated Men's Coat",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-openning-door-into-cafeteria_1303-25869.jpg", imageAlt: "Sophisticated Men's Coat"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-business-woman-with-laptop-outside-street_1303-23003.jpg",
|
||||
imageAlt: "Elegant Women's Tailoring",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/interracial-young-couple-with-many-shopping-bags-looking-camera_23-2148151700.jpg",
|
||||
imageAlt: "Couple shopping for designer clothes",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/model-dressed-black-outfit-sits-old-building-stairs_8353-11305.jpg",
|
||||
imageAlt: "Model sitting on old building stairs",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-with-mirror-outside_52683-86306.jpg",
|
||||
imageAlt: "Young woman with mirror outside",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-business-woman-with-laptop-outside-street_1303-23003.jpg", imageAlt: "Elegant Women's Tailoring"}
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
rating={5}
|
||||
@@ -108,40 +83,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
tag: "Quality",
|
||||
title: "Premium Materials",
|
||||
subtitle: "Sourced from top-tier mills",
|
||||
description: "We use only the finest natural fibers for all our garments.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-groom-wearing-little-bouquet_23-2149580393.jpg",
|
||||
},
|
||||
tag: "Quality", title: "Premium Materials", subtitle: "Sourced from top-tier mills", description: "We use only the finest natural fibers for all our garments.", imageSrc: "http://img.b2bpic.net/free-photo/side-view-groom-wearing-little-bouquet_23-2149580393.jpg"},
|
||||
{
|
||||
tag: "Design",
|
||||
title: "Modern Silhouettes",
|
||||
subtitle: "Designed for versatility",
|
||||
description: "Classic aesthetics with a contemporary edge.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-posing_1303-3731.jpg",
|
||||
},
|
||||
tag: "Design", title: "Modern Silhouettes", subtitle: "Designed for versatility", description: "Classic aesthetics with a contemporary edge.", imageSrc: "http://img.b2bpic.net/free-photo/woman-posing_1303-3731.jpg"},
|
||||
{
|
||||
tag: "Fit",
|
||||
title: "Tailored Excellence",
|
||||
subtitle: "Precision in every cut",
|
||||
description: "Expertly designed fits that flatter and endure.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blue-silk-sleeve-close-up_23-2148237591.jpg",
|
||||
},
|
||||
tag: "Fit", title: "Tailored Excellence", subtitle: "Precision in every cut", description: "Expertly designed fits that flatter and endure.", imageSrc: "http://img.b2bpic.net/free-photo/blue-silk-sleeve-close-up_23-2148237591.jpg"},
|
||||
{
|
||||
tag: "Craft",
|
||||
title: "Master Tailoring",
|
||||
subtitle: "Hand-finished details",
|
||||
description: "Attention to detail that separates us from the rest.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fabric-textured-background_53876-14873.jpg",
|
||||
},
|
||||
tag: "Craft", title: "Master Tailoring", subtitle: "Hand-finished details", description: "Attention to detail that separates us from the rest.", imageSrc: "http://img.b2bpic.net/free-photo/fabric-textured-background_53876-14873.jpg"},
|
||||
{
|
||||
tag: "Durability",
|
||||
title: "Lasting Comfort",
|
||||
subtitle: "Designed for longevity",
|
||||
description: "Materials chosen for wearability and endurance.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-senior-woman-portrait-wearing-black-jacket-close-up_23-2148891715.jpg",
|
||||
},
|
||||
tag: "Durability", title: "Lasting Comfort", subtitle: "Designed for longevity", description: "Materials chosen for wearability and endurance.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-senior-woman-portrait-wearing-black-jacket-close-up_23-2148891715.jpg"},
|
||||
]}
|
||||
title="Why Strutura?"
|
||||
description="Excellence in every stitch."
|
||||
@@ -156,59 +106,23 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
brand: "Strutura",
|
||||
name: "Signature Wool Coat",
|
||||
price: "$450",
|
||||
rating: 5,
|
||||
reviewCount: "124",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-african-american-man-posing-inside-night-club-black-hat_627829-5513.jpg",
|
||||
},
|
||||
id: "1", brand: "Strutura", name: "Signature Wool Coat", price: "$450", rating: 5,
|
||||
reviewCount: "124", imageSrc: "http://img.b2bpic.net/free-photo/handsome-african-american-man-posing-inside-night-club-black-hat_627829-5513.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
brand: "Strutura",
|
||||
name: "Tailored Navy Blazer",
|
||||
price: "$320",
|
||||
rating: 5,
|
||||
reviewCount: "98",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-man-gray-checkered-suit_158538-4212.jpg",
|
||||
},
|
||||
id: "2", brand: "Strutura", name: "Tailored Navy Blazer", price: "$320", rating: 5,
|
||||
reviewCount: "98", imageSrc: "http://img.b2bpic.net/free-photo/handsome-man-gray-checkered-suit_158538-4212.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
brand: "Strutura",
|
||||
name: "Silk Utility Blouse",
|
||||
price: "$180",
|
||||
rating: 4,
|
||||
reviewCount: "210",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fashionable-blond-woman-long-white-dress-black-gloves_613910-10995.jpg",
|
||||
},
|
||||
id: "3", brand: "Strutura", name: "Silk Utility Blouse", price: "$180", rating: 4,
|
||||
reviewCount: "210", imageSrc: "http://img.b2bpic.net/free-photo/fashionable-blond-woman-long-white-dress-black-gloves_613910-10995.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
brand: "Strutura",
|
||||
name: "Premium Indigo Jeans",
|
||||
price: "$150",
|
||||
rating: 5,
|
||||
reviewCount: "302",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-fashionable-indian-man-black-jeans-jacket-posed-outdoor_627829-1793.jpg",
|
||||
},
|
||||
id: "4", brand: "Strutura", name: "Premium Indigo Jeans", price: "$150", rating: 5,
|
||||
reviewCount: "302", imageSrc: "http://img.b2bpic.net/free-photo/handsome-fashionable-indian-man-black-jeans-jacket-posed-outdoor_627829-1793.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
brand: "Strutura",
|
||||
name: "Wool Tailored Trousers",
|
||||
price: "$210",
|
||||
rating: 5,
|
||||
reviewCount: "156",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blue-wedding-attire-groom-hanging-wall_8353-9801.jpg",
|
||||
},
|
||||
id: "5", brand: "Strutura", name: "Wool Tailored Trousers", price: "$210", rating: 5,
|
||||
reviewCount: "156", imageSrc: "http://img.b2bpic.net/free-photo/blue-wedding-attire-groom-hanging-wall_8353-9801.jpg"},
|
||||
{
|
||||
id: "6",
|
||||
brand: "Strutura",
|
||||
name: "Modern Trench Coat",
|
||||
price: "$390",
|
||||
rating: 4,
|
||||
reviewCount: "89",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-beige-coat-outside-park_1303-16907.jpg",
|
||||
},
|
||||
id: "6", brand: "Strutura", name: "Modern Trench Coat", price: "$390", rating: 4,
|
||||
reviewCount: "89", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-beige-coat-outside-park_1303-16907.jpg"},
|
||||
]}
|
||||
title="Our Collection"
|
||||
description="Sophisticated pieces for every occasion."
|
||||
@@ -220,14 +134,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
names={[
|
||||
"Vogue",
|
||||
"Harper's Bazaar",
|
||||
"Elle",
|
||||
"GQ",
|
||||
"GQ Style",
|
||||
"The Cut",
|
||||
"Fashion Week",
|
||||
]}
|
||||
"Vogue", "Harper's Bazaar", "Elle", "GQ", "GQ Style", "The Cut", "Fashion Week"]}
|
||||
title="As Seen In"
|
||||
description="Leading the conversation in fashion media."
|
||||
/>
|
||||
@@ -239,45 +146,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
title: "Exquisite quality",
|
||||
quote: "The coat I purchased fits perfectly. The material quality is unmatched.",
|
||||
name: "Sarah Miller",
|
||||
role: "Architect",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/two-beautiful-girls-shopping-clothes-shop_1301-6771.jpg",
|
||||
},
|
||||
id: "t1", title: "Exquisite quality", quote: "The coat I purchased fits perfectly. The material quality is unmatched.", name: "Sarah Miller", role: "Architect", imageSrc: "http://img.b2bpic.net/free-photo/two-beautiful-girls-shopping-clothes-shop_1301-6771.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
title: "Stunning details",
|
||||
quote: "Strutura has become my go-to for tailored workwear. Sophisticated and comfortable.",
|
||||
name: "James Chen",
|
||||
role: "Creative Director",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-business-man-suit_1303-11255.jpg",
|
||||
},
|
||||
id: "t2", title: "Stunning details", quote: "Strutura has become my go-to for tailored workwear. Sophisticated and comfortable.", name: "James Chen", role: "Creative Director", imageSrc: "http://img.b2bpic.net/free-photo/handsome-business-man-suit_1303-11255.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
title: "Modern fit",
|
||||
quote: "Finally found jeans that are both comfortable and professional enough for the office.",
|
||||
name: "Emily Watson",
|
||||
role: "Marketing Head",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-drag-queen-talking-phone_23-2149556835.jpg",
|
||||
},
|
||||
id: "t3", title: "Modern fit", quote: "Finally found jeans that are both comfortable and professional enough for the office.", name: "Emily Watson", role: "Marketing Head", imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-drag-queen-talking-phone_23-2149556835.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
title: "Effortless style",
|
||||
quote: "The attention to detail in their blouses is incredible. Highly recommend.",
|
||||
name: "David Thorne",
|
||||
role: "Designer",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-sexy-handsome-fashion-male-model-man-dressed-elegant-suit-black-studio-lights-background_158538-9531.jpg",
|
||||
},
|
||||
id: "t4", title: "Effortless style", quote: "The attention to detail in their blouses is incredible. Highly recommend.", name: "David Thorne", role: "Designer", imageSrc: "http://img.b2bpic.net/free-photo/portrait-sexy-handsome-fashion-male-model-man-dressed-elegant-suit-black-studio-lights-background_158538-9531.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
title: "Unrivalled service",
|
||||
quote: "Beautiful collection. Every piece I own from Strutura feels premium.",
|
||||
name: "Jessica Lee",
|
||||
role: "Consultant",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dreamy-curly-woman-pink-suit-sitting-near-mirror_197531-16809.jpg",
|
||||
},
|
||||
id: "t5", title: "Unrivalled service", quote: "Beautiful collection. Every piece I own from Strutura feels premium.", name: "Jessica Lee", role: "Consultant", imageSrc: "http://img.b2bpic.net/free-photo/dreamy-curly-woman-pink-suit-sitting-near-mirror_197531-16809.jpg"},
|
||||
]}
|
||||
title="Client Stories"
|
||||
description="See why our customers love Strutura."
|
||||
@@ -290,30 +167,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "What is your shipping policy?",
|
||||
content: "We offer free global shipping on orders over $200.",
|
||||
},
|
||||
id: "q1", title: "What is your shipping policy?", content: "We offer free global shipping on orders over $200."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Do you offer returns?",
|
||||
content: "We accept returns within 30 days of purchase in original condition.",
|
||||
},
|
||||
id: "q2", title: "Do you offer returns?", content: "We accept returns within 30 days of purchase in original condition."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Are your materials sustainable?",
|
||||
content: "We source all our fabrics from environmentally-conscious, certified mills.",
|
||||
},
|
||||
id: "q3", title: "Are your materials sustainable?", content: "We source all our fabrics from environmentally-conscious, certified mills."},
|
||||
{
|
||||
id: "q4",
|
||||
title: "How do I find my size?",
|
||||
content: "Use our detailed size guide on each product page for precision.",
|
||||
},
|
||||
id: "q4", title: "How do I find my size?", content: "Use our detailed size guide on each product page for precision."},
|
||||
{
|
||||
id: "q5",
|
||||
title: "Can I visit your atelier?",
|
||||
content: "Our showroom is open for private appointments by request.",
|
||||
},
|
||||
id: "q5", title: "Can I visit your atelier?", content: "Our showroom is open for private appointments by request."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/sale-shopping-fashion-style-people-concept-elegant-young-man-choosing-footwear-mall_1157-48892.jpg"
|
||||
title="Frequently Asked"
|
||||
@@ -329,16 +191,10 @@ export default function LandingPage() {
|
||||
description="Have questions about our collection or sizing? Let us help."
|
||||
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,
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/chic-fashion-boutique-with-well-organized-clothing-racks_482257-118413.jpg"
|
||||
@@ -352,49 +208,31 @@ export default function LandingPage() {
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Shop",
|
||||
href: "#products",
|
||||
},
|
||||
label: "Shop", href: "#products"},
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About", href: "#about"},
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
label: "FAQ", href: "#faq"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms", href: "#"},
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy", href: "#"},
|
||||
{
|
||||
label: "Shipping",
|
||||
href: "#",
|
||||
},
|
||||
label: "Shipping", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "#",
|
||||
},
|
||||
label: "Instagram", href: "#"},
|
||||
{
|
||||
label: "Twitter",
|
||||
href: "#",
|
||||
},
|
||||
label: "Twitter", href: "#"},
|
||||
{
|
||||
label: "Pinterest",
|
||||
href: "#",
|
||||
},
|
||||
label: "Pinterest", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user