Merge version_1 into main #2
379
src/app/page.tsx
379
src/app/page.tsx
@@ -12,7 +12,7 @@ import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaA
|
||||
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
||||
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
||||
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
|
||||
import { CheckCircle, Layers, Palette, PenTool, Scissors, Shield, Sparkles } from "lucide-react";
|
||||
import { CheckCircle, Layers, Palette, PenTool, Scissors, Shield, Sparkles, Infinity, Gem } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -32,26 +32,11 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Portfolio",
|
||||
id: "portfolio",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Services", id: "features" },
|
||||
{ name: "Portfolio", id: "portfolio" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Fashion Portfolio"
|
||||
/>
|
||||
@@ -59,62 +44,25 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplit
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
title="Couture Design That Tells Your Story"
|
||||
description="Custom fashion and design services that blend artistic vision with wearable elegance. From concept sketches to finished pieces, we bring your style to life."
|
||||
buttons={[
|
||||
{
|
||||
text: "View Collections",
|
||||
href: "#portfolio",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/back-view-professional-dancer-with-copy-space_23-2148461870.jpg?_wi=1"
|
||||
buttons={[{ text: "View Collections", href: "#portfolio" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/back-view-professional-dancer-with-copy-space_23-2148461870.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/full-shot-woman-wearing-punk-outfit_23-2149267471.jpg",
|
||||
alt: "Full shot woman wearing punk outfit",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-beautiful-father-mother-with-baby_1328-2832.jpg",
|
||||
alt: "Young beautiful father and mother with baby",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-girl-stylish-white-suit-sits-white-cube-gallery_8353-10744.jpg",
|
||||
alt: "Beautiful girl in a stylish white suit sits on a white cube in a gallery",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/elegant-young-woman-dress-with-handbag-near-wall-room_23-2148068396.jpg",
|
||||
alt: "Elegant young woman in dress with handbag near wall in room",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/wonderful-hat-portrait-couple-pretty_1304-947.jpg",
|
||||
alt: "wonderful hat portrait couple pretty",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/full-shot-woman-wearing-punk-outfit_23-2149267471.jpg", alt: "Full shot woman wearing punk outfit" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/young-beautiful-father-mother-with-baby_1328-2832.jpg", alt: "Young beautiful father and mother with baby" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/beautiful-girl-stylish-white-suit-sits-white-cube-gallery_8353-10744.jpg", alt: "Beautiful girl in a stylish white suit sits on a white cube in a gallery" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/elegant-young-woman-dress-with-handbag-near-wall-room_23-2148068396.jpg", alt: "Elegant young woman in dress with handbag near wall in room" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/wonderful-hat-portrait-couple-pretty_1304-947.jpg", alt: "wonderful hat portrait couple pretty" },
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Timeless Couture",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Bespoke Tailoring",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Artistic Vision",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Luxury Textiles",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Sustainable Fashion",
|
||||
},
|
||||
{ type: "text", text: "Timeless Couture" },
|
||||
{ type: "text", text: "Bespoke Tailoring" },
|
||||
{ type: "text", text: "Artistic Vision" },
|
||||
{ type: "text", text: "Luxury Textiles" },
|
||||
{ type: "text", text: "Sustainable Fashion" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -125,20 +73,11 @@ export default function LandingPage() {
|
||||
title="Crafting Elegance, One Stitch at a Time"
|
||||
description="Dedicated to bringing traditional craftsmanship into the modern age, our studio focuses on creating unique garments that emphasize individuality and luxury through careful attention to detail."
|
||||
metrics={[
|
||||
{
|
||||
value: "15+",
|
||||
title: "Years of Expertise",
|
||||
},
|
||||
{
|
||||
value: "200+",
|
||||
title: "Garments Created",
|
||||
},
|
||||
{
|
||||
value: "50+",
|
||||
title: "Happy Clients",
|
||||
},
|
||||
{ value: "15+", title: "Years of Expertise" },
|
||||
{ value: "200+", title: "Garments Created" },
|
||||
{ value: "50+", title: "Happy Clients" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/high-angle-needle-thimble-arrangement_23-2148897937.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/high-angle-needle-thimble-arrangement_23-2148897937.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -151,76 +90,31 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Bespoke Couture",
|
||||
description: "One-of-a-kind custom pieces tailored perfectly to your measurements and aesthetic desires.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/essential-elements-fashion-design-studio_23-2150414766.jpg",
|
||||
},
|
||||
title: "Bespoke Couture", description: "One-of-a-kind custom pieces tailored perfectly to your measurements and aesthetic desires.", media: { imageSrc: "http://img.b2bpic.net/free-photo/essential-elements-fashion-design-studio_23-2150414766.jpg", imageAlt: "bespoke fashion garment custom tailored" },
|
||||
items: [
|
||||
{
|
||||
icon: Scissors,
|
||||
text: "Pattern Making",
|
||||
},
|
||||
{
|
||||
icon: Sparkles,
|
||||
text: "Material Selection",
|
||||
},
|
||||
{
|
||||
icon: CheckCircle,
|
||||
text: "Perfect Fit Guaranteed",
|
||||
},
|
||||
{ icon: Scissors, text: "Pattern Making" },
|
||||
{ icon: Sparkles, text: "Material Selection" },
|
||||
{ icon: CheckCircle, text: "Perfect Fit Guaranteed" },
|
||||
],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/back-view-professional-dancer-with-copy-space_23-2148461870.jpg?_wi=2",
|
||||
imageAlt: "bespoke fashion garment custom tailored",
|
||||
},
|
||||
{
|
||||
title: "Concept Artistry",
|
||||
description: "Transforming your unique vision into detailed fashion illustrations and technical sketches for production.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/elements-fashion-designing-studio_23-2150407881.jpg",
|
||||
},
|
||||
title: "Concept Artistry", description: "Transforming your unique vision into detailed fashion illustrations and technical sketches for production.", media: { imageSrc: "http://img.b2bpic.net/free-photo/elements-fashion-designing-studio_23-2150407881.jpg", imageAlt: "bespoke fashion garment custom tailored" },
|
||||
items: [
|
||||
{
|
||||
icon: PenTool,
|
||||
text: "Design Sketches",
|
||||
},
|
||||
{
|
||||
icon: Layers,
|
||||
text: "Mood Boards",
|
||||
},
|
||||
{
|
||||
icon: Palette,
|
||||
text: "Color Analysis",
|
||||
},
|
||||
{ icon: PenTool, text: "Design Sketches" },
|
||||
{ icon: Layers, text: "Mood Boards" },
|
||||
{ icon: Palette, text: "Color Analysis" },
|
||||
],
|
||||
reverse: true,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-needle-thimble-arrangement_23-2148897937.jpg?_wi=2",
|
||||
imageAlt: "bespoke fashion garment custom tailored",
|
||||
},
|
||||
{
|
||||
title: "Premium Materials",
|
||||
description: "Sourcing only the finest sustainable and luxurious textiles from around the world to ensure durability and style.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-posing-as-greek-goddess-side-view_23-2150099223.jpg",
|
||||
},
|
||||
title: "Premium Materials", description: "Sourcing only the finest sustainable and luxurious textiles from around the world to ensure durability and style.", media: { imageSrc: "http://img.b2bpic.net/free-photo/woman-posing-as-greek-goddess-side-view_23-2150099223.jpg", imageAlt: "bespoke fashion garment custom tailored" },
|
||||
items: [
|
||||
{
|
||||
icon: Shield,
|
||||
text: "Ethically Sourced",
|
||||
},
|
||||
{
|
||||
icon: Infinity,
|
||||
text: "Sustainable Options",
|
||||
},
|
||||
{
|
||||
icon: Gem,
|
||||
text: "Luxury Textiles",
|
||||
},
|
||||
{ icon: Shield, text: "Ethically Sourced" },
|
||||
{ icon: Infinity, text: "Sustainable Options" },
|
||||
{ icon: Gem, text: "Luxury Textiles" },
|
||||
],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-sexy-model-woman-shiny-lace-evening-dress-posing-sitting-chair-beige-color_285396-7779.jpg?_wi=1",
|
||||
imageAlt: "bespoke fashion garment custom tailored",
|
||||
},
|
||||
]}
|
||||
title="Comprehensive Design Services"
|
||||
@@ -235,48 +129,12 @@ export default function LandingPage() {
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Midnight Gown",
|
||||
price: "Custom",
|
||||
variant: "Couture",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-sexy-model-woman-shiny-lace-evening-dress-posing-sitting-chair-beige-color_285396-7779.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Classic Tailored Suit",
|
||||
price: "Custom",
|
||||
variant: "Formal",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-african-american-woman-wearing-coat-posing-street_181624-28799.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Silk Afternoon Dress",
|
||||
price: "Custom",
|
||||
variant: "Casual Luxe",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-blonde-woman-blue-light_23-2149478933.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Embroidered Cape",
|
||||
price: "Custom",
|
||||
variant: "Statement",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/arrangement-old-objects-antiques-market_23-2148950891.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Red Carpet Elegance",
|
||||
price: "Custom",
|
||||
variant: "Eveningwear",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tailor-creating-beautiful-decoration-close-up_23-2148827123.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Bespoke Coat",
|
||||
price: "Custom",
|
||||
variant: "Outerwear",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-blonde-woman-blue-light_23-2149478971.jpg",
|
||||
},
|
||||
{ id: "p1", name: "Midnight Gown", price: "Custom", variant: "Couture", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-sexy-model-woman-shiny-lace-evening-dress-posing-sitting-chair-beige-color_285396-7779.jpg" },
|
||||
{ id: "p2", name: "Classic Tailored Suit", price: "Custom", variant: "Formal", imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-african-american-woman-wearing-coat-posing-street_181624-28799.jpg" },
|
||||
{ id: "p3", name: "Silk Afternoon Dress", price: "Custom", variant: "Casual Luxe", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-blonde-woman-blue-light_23-2149478933.jpg" },
|
||||
{ id: "p4", name: "Embroidered Cape", price: "Custom", variant: "Statement", imageSrc: "http://img.b2bpic.net/free-photo/arrangement-old-objects-antiques-market_23-2148950891.jpg" },
|
||||
{ id: "p5", name: "Red Carpet Elegance", price: "Custom", variant: "Eveningwear", imageSrc: "http://img.b2bpic.net/free-photo/tailor-creating-beautiful-decoration-close-up_23-2148827123.jpg" },
|
||||
{ id: "p6", name: "Bespoke Coat", price: "Custom", variant: "Outerwear", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-blonde-woman-blue-light_23-2149478971.jpg" },
|
||||
]}
|
||||
title="Curated Collections"
|
||||
description="Showcasing past projects and bespoke commissions that define our style."
|
||||
@@ -290,46 +148,11 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Johnson",
|
||||
role: "CEO",
|
||||
company: "Boutique Elite",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-smiling-kitchen_107420-12357.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Michael Chen",
|
||||
role: "Director",
|
||||
company: "Luxe Retail",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-stylish-woman-posing-fashionable-outfit_23-2149021812.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily Rodriguez",
|
||||
role: "Stylist",
|
||||
company: "Fashion Lab",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-young-business-woman_158595-4749.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "David Kim",
|
||||
role: "Buyer",
|
||||
company: "Style Agency",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-business-woman-portrait_23-2149280700.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Elena Rossi",
|
||||
role: "Fashion Consultant",
|
||||
company: "Trendset",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiley-woman-talking-phone-medium-shot_23-2149457768.jpg",
|
||||
},
|
||||
{ id: "1", name: "Sarah Johnson", role: "CEO", company: "Boutique Elite", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-smiling-kitchen_107420-12357.jpg" },
|
||||
{ id: "2", name: "Michael Chen", role: "Director", company: "Luxe Retail", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-stylish-woman-posing-fashionable-outfit_23-2149021812.jpg" },
|
||||
{ id: "3", name: "Emily Rodriguez", role: "Stylist", company: "Fashion Lab", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-young-business-woman_158595-4749.jpg" },
|
||||
{ id: "4", name: "David Kim", role: "Buyer", company: "Style Agency", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/beautiful-business-woman-portrait_23-2149280700.jpg" },
|
||||
{ id: "5", name: "Elena Rossi", role: "Fashion Consultant", company: "Trendset", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiley-woman-talking-phone-medium-shot_23-2149457768.jpg" },
|
||||
]}
|
||||
title="Client Reflections"
|
||||
description="Words from those who appreciate the craftsmanship behind our couture pieces."
|
||||
@@ -342,33 +165,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "99%",
|
||||
title: "Client Satisfaction",
|
||||
items: [
|
||||
"High referral rate",
|
||||
"Consistent quality",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "48h",
|
||||
title: "Rapid Response",
|
||||
items: [
|
||||
"Efficient communication",
|
||||
"Fast initial sketches",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "100%",
|
||||
title: "Handcrafted",
|
||||
items: [
|
||||
"Artisan quality",
|
||||
"Detail-focused",
|
||||
],
|
||||
},
|
||||
{ id: "m1", value: "99%", title: "Client Satisfaction", items: ["High referral rate", "Consistent quality"] },
|
||||
{ id: "m2", value: "48h", title: "Rapid Response", items: ["Efficient communication", "Fast initial sketches"] },
|
||||
{ id: "m3", value: "100%", title: "Handcrafted", items: ["Artisan quality", "Detail-focused"] },
|
||||
]}
|
||||
title="Our Studio Impact"
|
||||
description="Quality design isn't just art; it's a measurable standard of service."
|
||||
@@ -380,21 +179,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "How long is the design process?",
|
||||
content: "Typically 4-8 weeks depending on the complexity of the piece.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Do you offer remote consultations?",
|
||||
content: "Yes, we conduct initial consultations via video call for all clients.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Are materials included?",
|
||||
content: "Yes, we handle all textile sourcing and material management for our commissions.",
|
||||
},
|
||||
{ id: "f1", title: "How long is the design process?", content: "Typically 4-8 weeks depending on the complexity of the piece." },
|
||||
{ id: "f2", title: "Do you offer remote consultations?", content: "Yes, we conduct initial consultations via video call for all clients." },
|
||||
{ id: "f3", title: "Are materials included?", content: "Yes, we handle all textile sourcing and material management for our commissions." },
|
||||
]}
|
||||
title="Design Inquiries"
|
||||
description="Everything you need to know about working with us."
|
||||
@@ -408,24 +195,10 @@ export default function LandingPage() {
|
||||
title="Get Started"
|
||||
description="Ready to craft your vision? Send us a message."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Your Email",
|
||||
required: true,
|
||||
},
|
||||
{ name: "name", type: "text", placeholder: "Your Name", required: true },
|
||||
{ name: "email", type: "email", placeholder: "Your Email", required: true },
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Tell us about your project...",
|
||||
required: true,
|
||||
}}
|
||||
textarea={{ name: "message", placeholder: "Tell us about your project...", required: true }}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/minimalist-office-interior-design_23-2151826293.jpg"
|
||||
/>
|
||||
</div>
|
||||
@@ -433,45 +206,9 @@ export default function LandingPage() {
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Studio",
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Services",
|
||||
href: "#features",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Work",
|
||||
items: [
|
||||
{
|
||||
label: "Portfolio",
|
||||
href: "#portfolio",
|
||||
},
|
||||
{
|
||||
label: "Metrics",
|
||||
href: "#metrics",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms of Use",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Studio", items: [{ label: "About", href: "#about" }, { label: "Services", href: "#features" }] },
|
||||
{ title: "Work", items: [{ label: "Portfolio", href: "#portfolio" }, { label: "Metrics", href: "#metrics" }] },
|
||||
{ title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Use", href: "#" }] },
|
||||
]}
|
||||
logoText="Fashion Portfolio"
|
||||
/>
|
||||
|
||||
Reference in New Issue
Block a user