4 Commits

Author SHA1 Message Date
b201dee46f Update src/app/page.tsx 2026-04-20 00:23:10 +00:00
89e0f44b88 Update src/app/page.tsx 2026-04-20 00:22:46 +00:00
e87dc9b65e Update src/app/styles/variables.css 2026-04-20 00:22:19 +00:00
425f65f9e6 Update src/app/page.tsx 2026-04-20 00:22:19 +00:00
2 changed files with 55 additions and 340 deletions

View File

@@ -31,22 +31,10 @@ export default function LandingPage() {
<div id="nav" data-section="nav"> <div id="nav" data-section="nav">
<NavbarStyleApple <NavbarStyleApple
navItems={[ navItems={[
{ { name: "About", id: "#about" },
name: "About", { name: "Features", id: "#features" },
id: "#about", { name: "Products", id: "#products" },
}, { name: "Contact", id: "#contact" },
{
name: "Features",
id: "#features",
},
{
name: "Products",
id: "#products",
},
{
name: "Contact",
id: "#contact",
},
]} ]}
brandName="Entrepreneur X Stitch" brandName="Entrepreneur X Stitch"
/> />
@@ -54,308 +42,83 @@ export default function LandingPage() {
<div id="hero" data-section="hero"> <div id="hero" data-section="hero">
<HeroSplitDoubleCarousel <HeroSplitDoubleCarousel
background={{ background={{ variant: "gradient-bars" }}
variant: "gradient-bars",
}}
title="Custom Work Done Right On Time" title="Custom Work Done Right On Time"
description="Latino-owned embroidery and custom apparel led by Carlos—trusted for quality, speed, and getting it done when others can't. Whether it's a last-minute order or a precision design, we deliver the results you need without the stress." description="Latino-owned embroidery and custom apparel led by Carlos—trusted for quality, speed, and getting it done when others can't."
leftCarouselItems={[ leftCarouselItems={[
{ { imageSrc: "http://img.b2bpic.net/free-photo/vibrant-textile-spools-showcase-rich-cultural-variation-generated-by-ai_188544-36427.jpg?_wi=1", imageAlt: "Embroidery process" },
imageSrc: "http://img.b2bpic.net/free-photo/vibrant-textile-spools-showcase-rich-cultural-variation-generated-by-ai_188544-36427.jpg",
imageAlt: "Embroidery process",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-woman-having-online-meeting_23-2149116356.jpg",
imageAlt: "Custom apparel",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/braless-woman-working-indoor_23-2150490576.jpg",
imageAlt: "Carlos embroidery work",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/female-business-owner-working_23-2148828300.jpg",
imageAlt: "Detailed embroidery",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/portrait-businesswoman-owner_23-2148828325.jpg",
imageAlt: "Embroidery workshop",
},
]} ]}
rightCarouselItems={[ rightCarouselItems={[
{ { imageSrc: "http://img.b2bpic.net/free-photo/white-sleeve-with-red-flowers-close-up_23-2148237616.jpg?_wi=1", imageAlt: "Branded clothing" },
imageSrc: "http://img.b2bpic.net/free-photo/white-sleeve-with-red-flowers-close-up_23-2148237616.jpg",
imageAlt: "Branded clothing",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/man-manufacturing-clothes-medium-shot_23-2149007432.jpg",
imageAlt: "Embroidery workshop",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-man-wearing-embroidered-shirt_23-2149302543.jpg",
imageAlt: "Detailed embroidery",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/side-view-young-female-designer-working-sewing-machine_23-2147874998.jpg",
imageAlt: "Carlos embroidery work",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/close-up-teens-sitting-together_23-2149241544.jpg",
imageAlt: "Custom apparel",
},
]}
buttons={[
{
text: "Start Your Project",
href: "#contact",
},
]}
avatars={[
{
src: "http://img.b2bpic.net/free-photo/cheerful-couple-make-okay-gesture-have-positive-expressions_273609-17322.jpg",
alt: "Client group 1",
},
{
src: "http://img.b2bpic.net/free-photo/smiling-asian-woman-showing-both-thumbs-up_1262-16496.jpg",
alt: "Client group 2",
},
{
src: "http://img.b2bpic.net/free-photo/close-up-young-arabian-man-holding-phone-handsome-bearded-man-speaking-mobile-phone-reflecting-shop-glass-outdoors-communication-modern-technology-concept_74855-21343.jpg",
alt: "Client group 3",
},
{
src: "http://img.b2bpic.net/free-photo/close-up-person-playing-poker-with-friends_23-2149276094.jpg",
alt: "Client group 4",
},
{
src: "http://img.b2bpic.net/free-photo/attractive-blond-business-woman-white-shirt-eyeglasses-crossed-arms-grey-background_613910-3693.jpg",
alt: "Client group 5",
},
]}
avatarText="Trusted by 500+ happy clients"
marqueeItems={[
{
type: "image",
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=a65pl8",
alt: "Microsoft",
},
{
type: "image",
src: "http://img.b2bpic.net/free-photo/white-puzzles-red-background-flat-lay_169016-27587.jpg",
alt: "Google",
},
{
type: "image",
src: "http://img.b2bpic.net/free-vector/illustration-boutique-shop-logo-stamp-banner_53876-6835.jpg",
alt: "Apple",
},
{
type: "image",
src: "http://img.b2bpic.net/free-photo/person-sketching-illustration-tablet_482257-121447.jpg",
alt: "Nike",
},
{
type: "image",
src: "http://img.b2bpic.net/free-photo/innovation-development-rocket-graphic-concept_53876-120019.jpg",
alt: "Adidas",
},
]} ]}
buttons={[{ text: "Start Your Project", href: "#contact" }]}
/> />
</div> </div>
<div id="about" data-section="about"> <div id="about" data-section="about">
<MetricSplitMediaAbout <MetricSplitMediaAbout
useInvertedBackground={false} useInvertedBackground={true}
title="Reliability You Can Trust" title="Reliability with Cultural Roots"
description="Led by Carlos, we are more than just a vendor; we are your creative partner. With years of experience and a deep commitment to cultural authenticity, we deliver professional-grade embroidery with a personal touch, ensuring your brand stands out." description="Led by Carlos, we blend heritage and precision."
metrics={[ metrics={[
{ { value: "500+", title: "Projects Completed" },
value: "500+", { value: "100%", title: "Artistic Dedication" },
title: "Projects Completed", { value: "24h", title: "Rush Turnaround" },
},
{
value: "100%",
title: "On-Time Delivery",
},
{
value: "24h",
title: "Rush Turnaround",
},
]} ]}
imageSrc="http://img.b2bpic.net/free-photo/smiling-beautiful-asian-girl-barista-working-cafe-holding-cup-tea-giving-client-their-order_1258-199282.jpg" imageSrc="http://img.b2bpic.net/free-photo/vibrant-textile-spools-showcase-rich-cultural-variation-generated-by-ai_188544-36427.jpg?_wi=2"
imageAlt="Carlos embroidery expert" imageAlt="Textile arts and cultural patterns"
mediaAnimation="slide-up" mediaAnimation="blur-reveal"
metricsAnimation="slide-up" metricsAnimation="slide-up"
/> />
</div> </div>
<div id="features" data-section="features"> <div id="features" data-section="features">
<FeatureCardTwentySeven <FeatureCardTwentySeven
animationType="slide-up" animationType="blur-reveal"
textboxLayout="split" textboxLayout="split"
useInvertedBackground={false} useInvertedBackground={true}
features={[ features={[
{ { id: "1", title: "Cultural Craftsmanship", descriptions: ["We weave traditional motifs into modern branding."], imageSrc: "http://img.b2bpic.net/free-photo/white-sleeve-with-red-flowers-close-up_23-2148237616.jpg?_wi=2", imageAlt: "Embroidered floral texture" },
id: "1",
title: "Speed",
descriptions: [
"Need it yesterday? We specialize in last-minute rush orders without compromising quality.",
],
imageSrc: "http://img.b2bpic.net/free-photo/close-up-sewing-machine-workshop_171337-6768.jpg",
imageAlt: "Speedy delivery",
},
{
id: "2",
title: "Precision",
descriptions: [
"High-end embroidery equipment paired with years of expert experience ensures your logo looks perfect.",
],
imageSrc: "http://img.b2bpic.net/free-photo/blue-silk-sleeve-close-up_23-2148237591.jpg",
imageAlt: "Precision icon",
},
{
id: "3",
title: "Honest Communication",
descriptions: [
"We value clarity. You'll never be left wondering where your project stands.",
],
imageSrc: "http://img.b2bpic.net/free-photo/small-business-manager-her-workshop_23-2149094645.jpg",
imageAlt: "Communication icon",
},
]} ]}
title="Why Choose Us" title="Our Heritage approach"
description="We understand that every stitch counts. That's why we prioritize precision and speed to make sure your brand shines exactly how it should." description="We value the art of embroidery."
/> />
</div> </div>
<div id="products" data-section="products"> <div id="products" data-section="products">
<ProductCardTwo <ProductCardTwo
animationType="slide-up" animationType="slide-up"
textboxLayout="default" textboxLayout="split"
gridVariant="four-items-2x2-equal-grid" gridVariant="four-items-2x2-equal-grid"
useInvertedBackground={false} useInvertedBackground={true}
title="Artisanal Apparel Selection"
description="Browse our collection, featuring textures and patterns influenced by global design heritages."
products={[ products={[
{ { id: "1", brand: "Heritage", name: "Textured Cotton Tee", price: "$30", rating: 5, reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/white-sleeve-with-red-flowers-close-up_23-2148237616.jpg?_wi=3" },
id: "1",
brand: "Brand X",
name: "Premium Cotton T-Shirt",
price: "$25",
rating: 5,
reviewCount: "120",
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-painting-jeans-with-sponge_23-2148754071.jpg",
},
{
id: "2",
brand: "Brand X",
name: "Polyester Polo",
price: "$35",
rating: 5,
reviewCount: "85",
imageSrc: "http://img.b2bpic.net/free-photo/earphone-skatingboard-handbag-white-background_23-2147873357.jpg",
},
{
id: "3",
brand: "Brand X",
name: "Heavyweight Hoodie",
price: "$55",
rating: 5,
reviewCount: "200",
imageSrc: "http://img.b2bpic.net/free-photo/young-african-american-woman-pouring-detergent-clothes-laundry_839833-16100.jpg",
},
{
id: "4",
brand: "Brand X",
name: "Canvas Cap",
price: "$20",
rating: 5,
reviewCount: "150",
imageSrc: "http://img.b2bpic.net/free-photo/craft-beer-concept-with-tattooed-man_23-2148110904.jpg",
},
{
id: "5",
brand: "Brand X",
name: "Beanie",
price: "$15",
rating: 5,
reviewCount: "95",
imageSrc: "http://img.b2bpic.net/free-photo/tailoring-studio-with-sewing-machine-table_23-2148834137.jpg",
},
{
id: "6",
brand: "Brand X",
name: "Denim Jacket",
price: "$85",
rating: 5,
reviewCount: "40",
imageSrc: "http://img.b2bpic.net/free-photo/turquoise-yellow-orange-colored-wool_23-2148242014.jpg",
},
]} ]}
title="Quality Apparel"
description="Browse our curated selection of premium apparel waiting for your custom embroidery."
/> />
</div> </div>
<div id="social-proof" data-section="social-proof"> <div id="social-proof" data-section="social-proof">
<SocialProofOne <SocialProofOne
names={["Microsoft", "Google", "Apple"]}
title="Trusted Partners"
description="Supporting businesses with gear that celebrates craft."
textboxLayout="default" textboxLayout="default"
useInvertedBackground={false} useInvertedBackground={false}
names={[
"Microsoft",
"Google",
"Apple",
"Nike",
"Adidas",
"Target",
"Starbucks",
]}
title="Trusted By Businesses"
description="We've helped hundreds of local and national companies elevate their brand with custom gear."
/> />
</div> </div>
<div id="testimonials" data-section="testimonials"> <div id="testimonials" data-section="testimonials">
<TestimonialCardTwo <TestimonialCardTwo
animationType="slide-up" animationType="depth-3d"
textboxLayout="default" textboxLayout="split"
useInvertedBackground={false} useInvertedBackground={true}
testimonials={[ testimonials={[
{ { id: "1", name: "Elena V.", role: "Designer", testimonial: "The cultural patterns were breathtaking.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman-wearing-embroidery_1262-16496.jpg" },
id: "1",
name: "Sarah Johnson",
role: "CEO",
testimonial: "Carlos is my go-to for all branded event gear. Speed and quality are unmatched.",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-girl-shows-okay-ok-signs-look-satisfied-recommend-good-company-perfect-quality-praise-good-job-well-done-standing-pleased-against-white-background_176420-54380.jpg",
},
{
id: "2",
name: "Michael Chen",
role: "CTO",
testimonial: "Exceptional precision. He truly cares about the final product.",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-confident-woman-startup-manager-office-posing-with-confidence-looking_1258-195341.jpg",
},
{
id: "3",
name: "Emily Rodriguez",
role: "Director",
testimonial: "Trustworthy, transparent, and always hits our tight deadlines.",
imageSrc: "http://img.b2bpic.net/free-photo/joyful-young-barber-wearing-uniform-glasses-showing-credit-card-looking-camera-showing-ok-sign-isolated-blue-background_141793-138027.jpg",
},
{
id: "4",
name: "David Kim",
role: "Manager",
testimonial: "The best Latino-owned apparel business I've worked with. Outstanding.",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-creating-home-office_329181-18126.jpg",
},
{
id: "5",
name: "Lisa Wang",
role: "Owner",
testimonial: "I love the personal touch. Carlos really listens to what you need.",
imageSrc: "http://img.b2bpic.net/free-photo/happy-coworkers-holding-tablets-showing-thumbs-up-stairs_1262-20218.jpg",
},
]} ]}
title="Client Stories" title="Stories of Craft"
description="Hear what our amazing clients have to say about working with Carlos." description="Clients who cherish the blend of professional speed and cultural depth."
/> />
</div> </div>
@@ -364,39 +127,21 @@ export default function LandingPage() {
textboxLayout="split" textboxLayout="split"
useInvertedBackground={false} useInvertedBackground={false}
faqs={[ faqs={[
{ { id: "1", title: "Can you customize traditional patterns?", content: "Yes, we specialize in adapting traditional textures." },
id: "1",
title: "What's the typical turnaround time?",
content: "Our standard is 7-10 days, but we offer rush options for last-minute needs.",
},
{
id: "2",
title: "Can I provide my own apparel?",
content: "Absolutely! We're happy to embroider garments you provide as long as the material is suitable.",
},
{
id: "3",
title: "Is there a minimum order?",
content: "We work with projects of all sizes, from single items to bulk corporate orders.",
},
]} ]}
imageSrc="http://img.b2bpic.net/free-photo/front-view-tailoring-studio-with-sewing-machine-garments_23-2148834125.jpg" title="Frequently Asked Questions"
mediaAnimation="slide-up" description="Common inquiries about our process."
title="Frequently Asked" faqsAnimation="blur-reveal"
description="Common questions about our custom embroidery process."
faqsAnimation="slide-up"
/> />
</div> </div>
<div id="contact" data-section="contact"> <div id="contact" data-section="contact">
<ContactCenter <ContactCenter
useInvertedBackground={false} useInvertedBackground={true}
background={{ tag="Connect"
variant: "gradient-bars", title="Bring Your Vision to Life"
}} description="Let's combine your brand with our artisanal embroidery techniques."
tag="Get Started" background={{ variant: "gradient-bars" }}
title="Ready for a Quote?"
description="Tell us about your project, and we'll get back to you with a competitive quote fast."
/> />
</div> </div>
@@ -404,38 +149,8 @@ export default function LandingPage() {
<FooterBaseReveal <FooterBaseReveal
logoText="Entrepreneur X Stitch" logoText="Entrepreneur X Stitch"
columns={[ columns={[
{ { title: "Quick Links", items: [{ label: "About", href: "#about" }, { label: "Products", href: "#products" }] }
title: "Quick Links",
items: [
{
label: "About",
href: "#about",
},
{
label: "Products",
href: "#products",
},
{
label: "FAQ",
href: "#faq",
},
],
},
{
title: "Legal",
items: [
{
label: "Privacy Policy",
href: "#",
},
{
label: "Terms",
href: "#",
},
],
},
]} ]}
copyrightText="© 2024 Entrepreneur X Stitch. Proudly Latino-owned."
/> />
</div> </div>
</ReactLenis> </ReactLenis>

View File

@@ -10,15 +10,15 @@
--accent: #ffffff; --accent: #ffffff;
--background-accent: #ffffff; */ --background-accent: #ffffff; */
--background: #ffffff; --background: #fcf6ec;
--card: #f9f9f9; --card: #f3ede2;
--foreground: #120a00e6; --foreground: #2e2521;
--primary-cta: #E34400; --primary-cta: #a0522d;
--primary-cta-text: #ffffff; --primary-cta-text: #ffffff;
--secondary-cta: #f9f9f9; --secondary-cta: #f3ede2;
--secondary-cta-text: #120a00e6; --secondary-cta-text: #120a00e6;
--accent: #e2e2e2; --accent: #b2a28b;
--background-accent: #E34400; --background-accent: #e6d7c5;
/* text sizing - set by ThemeProvider */ /* text sizing - set by ThemeProvider */
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem); /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);