Merge version_1 into main

Merge version_1 into main
This commit was merged in pull request #2.
This commit is contained in:
2026-05-12 17:49:56 +00:00

View File

@@ -32,22 +32,10 @@ export default function LandingPage() {
<div id="nav" data-section="nav"> <div id="nav" data-section="nav">
<NavbarStyleCentered <NavbarStyleCentered
navItems={[ navItems={[
{ { name: "Home", id: "hero" },
name: "Home", { name: "Collection", id: "products" },
id: "hero", { name: "Story", id: "about" },
}, { name: "Contact", id: "contact" },
{
name: "Collection",
id: "products",
},
{
name: "Story",
id: "about",
},
{
name: "Contact",
id: "contact",
},
]} ]}
brandName="SELFIMAGE" brandName="SELFIMAGE"
/> />
@@ -58,64 +46,19 @@ export default function LandingPage() {
title="Redefining Your Style" title="Redefining Your Style"
description="Experience luxury, elegance, and tailored perfection at SelfImage. Where tradition meets contemporary sophistication." description="Experience luxury, elegance, and tailored perfection at SelfImage. Where tradition meets contemporary sophistication."
testimonials={[ testimonials={[
{ { name: "Aman S.", handle: "@amanstyle", testimonial: "The best boutique collection in town. Highly recommend!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/happy-woman-good-mood-with-pierced-tongue-oversized-jeans-jacket-high-waisted-jeans-posing_197531-19172.jpg" },
name: "Aman S.", { name: "Priya K.", handle: "@priyafash", testimonial: "Exquisite patterns and perfect fitting.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/glamorous-woman-elegant-pink-dress-talking-by-phone_343629-41.jpg" },
handle: "@amanstyle", { name: "Rahul V.", handle: "@rahulv", testimonial: "Sophisticated luxury, truly a premium experience.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-smiling-cute-brunette-woman-model-casual-summer-clothes-with-no-makeup-isolated-gray-showing-peace-sign_158538-14841.jpg" },
testimonial: "The best boutique collection in town. Highly recommend!", { name: "Meera D.", handle: "@meerafashion", testimonial: "An absolute treasure trove for formal wear.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/satisfied-young-caucasian-brunette-woman-tightly-hugging-stack-gift-boxes-pink-background-positive-emotions-concept_197531-31366.jpg" },
rating: 5, { name: "Vikram J.", handle: "@vikramstyle", testimonial: "Top-notch quality, the fit is impeccable.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/handsome-welldressed-arabian-man-smoke-cigar-with-glass-whiskey-balcony-pub_627829-5920.jpg" },
imageSrc: "http://img.b2bpic.net/free-photo/happy-woman-good-mood-with-pierced-tongue-oversized-jeans-jacket-high-waisted-jeans-posing_197531-19172.jpg",
},
{
name: "Priya K.",
handle: "@priyafash",
testimonial: "Exquisite patterns and perfect fitting.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/glamorous-woman-elegant-pink-dress-talking-by-phone_343629-41.jpg",
},
{
name: "Rahul V.",
handle: "@rahulv",
testimonial: "Sophisticated luxury, truly a premium experience.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-smiling-cute-brunette-woman-model-casual-summer-clothes-with-no-makeup-isolated-gray-showing-peace-sign_158538-14841.jpg",
},
{
name: "Meera D.",
handle: "@meerafashion",
testimonial: "An absolute treasure trove for formal wear.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/satisfied-young-caucasian-brunette-woman-tightly-hugging-stack-gift-boxes-pink-background-positive-emotions-concept_197531-31366.jpg",
},
{
name: "Vikram J.",
handle: "@vikramstyle",
testimonial: "Top-notch quality, the fit is impeccable.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/handsome-welldressed-arabian-man-smoke-cigar-with-glass-whiskey-balcony-pub_627829-5920.jpg",
},
]} ]}
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DdNhRi5KvlkRPdrgvqCexRwXyp/uploaded-1778608138329-p62ikpk7.jpg?_wi=1" imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DdNhRi5KvlkRPdrgvqCexRwXyp/uploaded-1778608138329-p62ikpk7.jpg"
avatars={[ avatars={[
{ { src: "http://img.b2bpic.net/free-photo/happy-charming-girl-dressed-black-shine-dress-smiling-living-room_291650-587.jpg", alt: "Customer 1" },
src: "http://img.b2bpic.net/free-photo/happy-charming-girl-dressed-black-shine-dress-smiling-living-room_291650-587.jpg", { src: "http://img.b2bpic.net/free-photo/female-sales-person-jewelry-store_1303-30652.jpg", alt: "Customer 2" },
alt: "Customer 1", { src: "http://img.b2bpic.net/free-photo/front-view-adult-woman-holding-shopping-bags_23-2148660696.jpg", alt: "Customer 3" },
}, { src: "http://img.b2bpic.net/free-photo/brown-haired-woman-wearing-black-wear-holds-colourful-patterned-shopping-bags-successful-shopping-spree-walking-outside-she-is-enjoying-warmth-day_1328-4511.jpg", alt: "Customer 4" },
{ { src: "http://img.b2bpic.net/free-photo/young-woman-resting-after-shopping_23-2147645054.jpg", alt: "Customer 5" },
src: "http://img.b2bpic.net/free-photo/female-sales-person-jewelry-store_1303-30652.jpg",
alt: "Customer 2",
},
{
src: "http://img.b2bpic.net/free-photo/front-view-adult-woman-holding-shopping-bags_23-2148660696.jpg",
alt: "Customer 3",
},
{
src: "http://img.b2bpic.net/free-photo/brown-haired-woman-wearing-black-wear-holds-colourful-patterned-shopping-bags-successful-shopping-spree-walking-outside-she-is-enjoying-warmth-day_1328-4511.jpg",
alt: "Customer 4",
},
{
src: "http://img.b2bpic.net/free-photo/young-woman-resting-after-shopping_23-2147645054.jpg",
alt: "Customer 5",
},
]} ]}
avatarText="Join 10k+ satisfied style icons" avatarText="Join 10k+ satisfied style icons"
/> />
@@ -126,21 +69,9 @@ export default function LandingPage() {
useInvertedBackground={false} useInvertedBackground={false}
title="A Legacy of Elegance" title="A Legacy of Elegance"
metrics={[ metrics={[
{ { icon: Award, label: "Years Experience", value: "15+" },
icon: Award, { icon: Star, label: "Happy Clients", value: "10k+" },
label: "Years Experience", { icon: Users, label: "Designs Crafted", value: "50k+" },
value: "15+",
},
{
icon: Star,
label: "Happy Clients",
value: "10k+",
},
{
icon: Users,
label: "Designs Crafted",
value: "50k+",
},
]} ]}
metricsAnimation="blur-reveal" metricsAnimation="blur-reveal"
/> />
@@ -150,44 +81,15 @@ export default function LandingPage() {
<ProductCardOne <ProductCardOne
textboxLayout="split" textboxLayout="split"
gridVariant="two-columns-alternating-heights" gridVariant="two-columns-alternating-heights"
animationType="blur-reveal"
useInvertedBackground={false} useInvertedBackground={false}
products={[ products={[
{ { id: "1", name: "Formal Tuxedo", price: "$499", imageSrc: "http://img.b2bpic.net/free-photo/closeup-business-people-walking-together_53876-31461.jpg" },
id: "1", { id: "2", name: "Luxury Evening Gown", price: "$899", imageSrc: "http://img.b2bpic.net/free-photo/rococo-style-photography-beautiful-woman_23-2151916511.jpg" },
name: "Formal Tuxedo", { id: "3", name: "Ethnic Designer Wear", price: "$650", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-woman-wearing-sari_23-2149502959.jpg" },
price: "$499", { id: "4", name: "Wedding Sherwani", price: "$750", imageSrc: "http://img.b2bpic.net/free-photo/smiley-couple-ready-prom-medium-shot_23-2149096475.jpg" },
imageSrc: "http://img.b2bpic.net/free-photo/closeup-business-people-walking-together_53876-31461.jpg?_wi=1", { id: "5", name: "Classic Wool Coat", price: "$399", imageSrc: "http://img.b2bpic.net/free-photo/closeup-brown-leather-bag-clothes-hanged-white-hangers_181624-3093.jpg" },
}, { id: "6", name: "Silk Cocktail Dress", price: "$550", imageSrc: "http://img.b2bpic.net/free-photo/elements-fashion-designing-studio_23-2150407882.jpg" },
{
id: "2",
name: "Luxury Evening Gown",
price: "$899",
imageSrc: "http://img.b2bpic.net/free-photo/rococo-style-photography-beautiful-woman_23-2151916511.jpg",
},
{
id: "3",
name: "Ethnic Designer Wear",
price: "$650",
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-woman-wearing-sari_23-2149502959.jpg",
},
{
id: "4",
name: "Wedding Sherwani",
price: "$750",
imageSrc: "http://img.b2bpic.net/free-photo/smiley-couple-ready-prom-medium-shot_23-2149096475.jpg",
},
{
id: "5",
name: "Classic Wool Coat",
price: "$399",
imageSrc: "http://img.b2bpic.net/free-photo/closeup-brown-leather-bag-clothes-hanged-white-hangers_181624-3093.jpg",
},
{
id: "6",
name: "Silk Cocktail Dress",
price: "$550",
imageSrc: "http://img.b2bpic.net/free-photo/elements-fashion-designing-studio_23-2150407882.jpg",
},
]} ]}
title="Our Signature Collection" title="Our Signature Collection"
description="Discover curated styles that elevate your identity." description="Discover curated styles that elevate your identity."
@@ -197,47 +99,24 @@ export default function LandingPage() {
<div id="features" data-section="features"> <div id="features" data-section="features">
<FeatureCardTen <FeatureCardTen
textboxLayout="split" textboxLayout="split"
animationType="blur-reveal"
useInvertedBackground={false} useInvertedBackground={false}
features={[ features={[
{ {
title: "Tailored Perfection", title: "Tailored Perfection", description: "Custom fits to match your silhouette.", media: { imageSrc: "http://img.b2bpic.net/free-photo/woman-buying-stuff-decoration-store_1303-24630.jpg" },
description: "Custom fits to match your silhouette.",
media: {
imageSrc: "http://img.b2bpic.net/free-photo/woman-buying-stuff-decoration-store_1303-24630.jpg",
},
items: [ items: [
{ { icon: CheckCircle, text: "Precision measurement" },
icon: CheckCircle, { icon: CheckCircle, text: "High-quality fabric" },
text: "Precision measurement",
},
{
icon: CheckCircle,
text: "High-quality fabric",
},
], ],
reverse: false, reverse: false,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DdNhRi5KvlkRPdrgvqCexRwXyp/uploaded-1778608138329-p62ikpk7.jpg?_wi=2",
imageAlt: "luxury clothing store boutique interior",
}, },
{ {
title: "Global Trends", title: "Global Trends", description: "Curated pieces from top designers.", media: { imageSrc: "http://img.b2bpic.net/free-photo/happy-customer-trying-new-dress-boutique-woman-choosing-clothes-fashion-store-buying-clothes-boutique-concept_74855-11772.jpg" },
description: "Curated pieces from top designers.",
media: {
imageSrc: "http://img.b2bpic.net/free-photo/happy-customer-trying-new-dress-boutique-woman-choosing-clothes-fashion-store-buying-clothes-boutique-concept_74855-11772.jpg",
},
items: [ items: [
{ { icon: CheckCircle, text: "Authentic styles" },
icon: CheckCircle, { icon: CheckCircle, text: "Global standards" },
text: "Authentic styles",
},
{
icon: CheckCircle,
text: "Global standards",
},
], ],
reverse: true, reverse: true,
imageSrc: "http://img.b2bpic.net/free-photo/closeup-business-people-walking-together_53876-31461.jpg?_wi=2",
imageAlt: "luxury clothing store boutique interior",
}, },
]} ]}
title="Why Choose SelfImage" title="Why Choose SelfImage"
@@ -248,62 +127,19 @@ export default function LandingPage() {
<div id="testimonials" data-section="testimonials"> <div id="testimonials" data-section="testimonials">
<TestimonialCardSixteen <TestimonialCardSixteen
textboxLayout="split" textboxLayout="split"
animationType="blur-reveal"
useInvertedBackground={false} useInvertedBackground={false}
testimonials={[ testimonials={[
{ { id: "1", name: "Sarah J.", role: "Fashion Stylist", company: "Vogue Trends", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-girl-denim-outfit-green-top-laughs-pink-background-happy-woman-blue-jacket-skirt-smiling-isolated-backdrop_197531-29017.jpg" },
id: "1", { id: "2", name: "Mike D.", role: "Businessman", company: "Tech Corp", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/business-person-planning-alternative-energies_23-2149205442.jpg" },
name: "Sarah J.", { id: "3", name: "Elena R.", role: "Creative Director", company: "Design Studio", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/pretty-cheerful-stylish-blond-girl-with-shopping-bags-rejoicing-after-shopping-outdoor_574295-2283.jpg" },
role: "Fashion Stylist", { id: "4", name: "Liam K.", role: "Consultant", company: "Strategy Group", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-man-looking-his-new-shirt_23-2148303842.jpg" },
company: "Vogue Trends", { id: "5", name: "Chloe M.", role: "Model", company: "Fashion Agency", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/happy-woman-with-short-hairstyle-listening-music-by-earphones-having-fun-yellow-wall_273443-4661.jpg" },
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-girl-denim-outfit-green-top-laughs-pink-background-happy-woman-blue-jacket-skirt-smiling-isolated-backdrop_197531-29017.jpg",
},
{
id: "2",
name: "Mike D.",
role: "Businessman",
company: "Tech Corp",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/business-person-planning-alternative-energies_23-2149205442.jpg",
},
{
id: "3",
name: "Elena R.",
role: "Creative Director",
company: "Design Studio",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/pretty-cheerful-stylish-blond-girl-with-shopping-bags-rejoicing-after-shopping-outdoor_574295-2283.jpg",
},
{
id: "4",
name: "Liam K.",
role: "Consultant",
company: "Strategy Group",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-man-looking-his-new-shirt_23-2148303842.jpg",
},
{
id: "5",
name: "Chloe M.",
role: "Model",
company: "Fashion Agency",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/happy-woman-with-short-hairstyle-listening-music-by-earphones-having-fun-yellow-wall_273443-4661.jpg",
},
]} ]}
kpiItems={[ kpiItems={[
{ { value: "4.9/5", label: "Overall Rating" },
value: "4.9/5", { value: "95%", label: "Client Loyalty" },
label: "Overall Rating", { value: "100%", label: "Quality Promise" },
},
{
value: "95%",
label: "Client Loyalty",
},
{
value: "100%",
label: "Quality Promise",
},
]} ]}
title="Customer Stories" title="Customer Stories"
description="What our patrons say about us." description="What our patrons say about us."
@@ -314,15 +150,7 @@ export default function LandingPage() {
<SocialProofOne <SocialProofOne
textboxLayout="default" textboxLayout="default"
useInvertedBackground={false} useInvertedBackground={false}
names={[ names={["Fashion Week", "Vogue", "GQ", "Luxe Life", "Designer Weekly", "Style Today", "Boutique Review"]}
"Fashion Week",
"Vogue",
"GQ",
"Luxe Life",
"Designer Weekly",
"Style Today",
"Boutique Review",
]}
title="Trusted by Leaders" title="Trusted by Leaders"
description="Proudly associated with premium partners." description="Proudly associated with premium partners."
/> />
@@ -332,21 +160,9 @@ export default function LandingPage() {
<FaqSplitText <FaqSplitText
useInvertedBackground={false} useInvertedBackground={false}
faqs={[ faqs={[
{ { id: "1", title: "Do you offer custom tailoring?", content: "Yes, we provide premium custom tailoring services for all our formal wear." },
id: "1", { id: "2", title: "What is your return policy?", content: "Returns are accepted within 30 days of purchase for items in original condition." },
title: "Do you offer custom tailoring?", { id: "3", title: "Do you offer international shipping?", content: "Yes, we ship worldwide via our trusted partners." },
content: "Yes, we provide premium custom tailoring services for all our formal wear.",
},
{
id: "2",
title: "What is your return policy?",
content: "Returns are accepted within 30 days of purchase for items in original condition.",
},
{
id: "3",
title: "Do you offer international shipping?",
content: "Yes, we ship worldwide via our trusted partners.",
},
]} ]}
sideTitle="Questions? Answers." sideTitle="Questions? Answers."
faqsAnimation="blur-reveal" faqsAnimation="blur-reveal"
@@ -356,9 +172,7 @@ export default function LandingPage() {
<div id="contact" data-section="contact"> <div id="contact" data-section="contact">
<ContactCenter <ContactCenter
useInvertedBackground={false} useInvertedBackground={false}
background={{ background={{ variant: "sparkles-gradient" }}
variant: "sparkles-gradient",
}}
tag="Stay Connected" tag="Stay Connected"
title="Join the Style Circle" title="Join the Style Circle"
description="Get early access to our latest collections and exclusive offers." description="Get early access to our latest collections and exclusive offers."
@@ -368,34 +182,8 @@ export default function LandingPage() {
<div id="footer" data-section="footer"> <div id="footer" data-section="footer">
<FooterLogoEmphasis <FooterLogoEmphasis
columns={[ columns={[
{ { items: [{ label: "Shop", href: "#products" }, { label: "Our Story", href: "#about" }, { label: "Contact", href: "#contact" }] },
items: [ { items: [{ label: "Terms of Use", href: "#" }, { label: "Privacy Policy", href: "#" }] },
{
label: "Shop",
href: "#products",
},
{
label: "Our Story",
href: "#about",
},
{
label: "Contact",
href: "#contact",
},
],
},
{
items: [
{
label: "Terms of Use",
href: "#",
},
{
label: "Privacy Policy",
href: "#",
},
],
},
]} ]}
logoText="SELFIMAGE" logoText="SELFIMAGE"
/> />