Compare commits
4 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| b201dee46f | |||
| 89e0f44b88 | |||
| e87dc9b65e | |||
| 425f65f9e6 |
381
src/app/page.tsx
381
src/app/page.tsx
@@ -31,22 +31,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
{
|
||||
name: "Features",
|
||||
id: "#features",
|
||||
},
|
||||
{
|
||||
name: "Products",
|
||||
id: "#products",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
{ name: "About", id: "#about" },
|
||||
{ name: "Features", id: "#features" },
|
||||
{ name: "Products", id: "#products" },
|
||||
{ name: "Contact", id: "#contact" },
|
||||
]}
|
||||
brandName="Entrepreneur X Stitch"
|
||||
/>
|
||||
@@ -54,308 +42,83 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDoubleCarousel
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
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={[
|
||||
{
|
||||
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",
|
||||
},
|
||||
{ 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" },
|
||||
]}
|
||||
rightCarouselItems={[
|
||||
{
|
||||
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",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/white-sleeve-with-red-flowers-close-up_23-2148237616.jpg?_wi=1", imageAlt: "Branded clothing" },
|
||||
]}
|
||||
buttons={[{ text: "Start Your Project", href: "#contact" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<MetricSplitMediaAbout
|
||||
useInvertedBackground={false}
|
||||
title="Reliability You Can Trust"
|
||||
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."
|
||||
useInvertedBackground={true}
|
||||
title="Reliability with Cultural Roots"
|
||||
description="Led by Carlos, we blend heritage and precision."
|
||||
metrics={[
|
||||
{
|
||||
value: "500+",
|
||||
title: "Projects Completed",
|
||||
},
|
||||
{
|
||||
value: "100%",
|
||||
title: "On-Time Delivery",
|
||||
},
|
||||
{
|
||||
value: "24h",
|
||||
title: "Rush Turnaround",
|
||||
},
|
||||
{ value: "500+", title: "Projects Completed" },
|
||||
{ value: "100%", title: "Artistic Dedication" },
|
||||
{ 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"
|
||||
imageAlt="Carlos embroidery expert"
|
||||
mediaAnimation="slide-up"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/vibrant-textile-spools-showcase-rich-cultural-variation-generated-by-ai_188544-36427.jpg?_wi=2"
|
||||
imageAlt="Textile arts and cultural patterns"
|
||||
mediaAnimation="blur-reveal"
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwentySeven
|
||||
animationType="slide-up"
|
||||
animationType="blur-reveal"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
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",
|
||||
},
|
||||
{ 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" },
|
||||
]}
|
||||
title="Why Choose Us"
|
||||
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."
|
||||
title="Our Heritage approach"
|
||||
description="We value the art of embroidery."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
textboxLayout="split"
|
||||
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={[
|
||||
{
|
||||
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",
|
||||
},
|
||||
{ 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" },
|
||||
]}
|
||||
title="Quality Apparel"
|
||||
description="Browse our curated selection of premium apparel waiting for your custom embroidery."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="social-proof" data-section="social-proof">
|
||||
<SocialProofOne
|
||||
names={["Microsoft", "Google", "Apple"]}
|
||||
title="Trusted Partners"
|
||||
description="Supporting businesses with gear that celebrates craft."
|
||||
textboxLayout="default"
|
||||
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 id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
animationType="depth-3d"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
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",
|
||||
},
|
||||
{ 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" },
|
||||
]}
|
||||
title="Client Stories"
|
||||
description="Hear what our amazing clients have to say about working with Carlos."
|
||||
title="Stories of Craft"
|
||||
description="Clients who cherish the blend of professional speed and cultural depth."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -364,39 +127,21 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
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.",
|
||||
},
|
||||
{ id: "1", title: "Can you customize traditional patterns?", content: "Yes, we specialize in adapting traditional textures." },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/front-view-tailoring-studio-with-sewing-machine-garments_23-2148834125.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
title="Frequently Asked"
|
||||
description="Common questions about our custom embroidery process."
|
||||
faqsAnimation="slide-up"
|
||||
title="Frequently Asked Questions"
|
||||
description="Common inquiries about our process."
|
||||
faqsAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
tag="Get Started"
|
||||
title="Ready for a Quote?"
|
||||
description="Tell us about your project, and we'll get back to you with a competitive quote fast."
|
||||
useInvertedBackground={true}
|
||||
tag="Connect"
|
||||
title="Bring Your Vision to Life"
|
||||
description="Let's combine your brand with our artisanal embroidery techniques."
|
||||
background={{ variant: "gradient-bars" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -404,41 +149,11 @@ export default function LandingPage() {
|
||||
<FooterBaseReveal
|
||||
logoText="Entrepreneur X Stitch"
|
||||
columns={[
|
||||
{
|
||||
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: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Quick Links", items: [{ label: "About", href: "#about" }, { label: "Products", href: "#products" }] }
|
||||
]}
|
||||
copyrightText="© 2024 Entrepreneur X Stitch. Proudly Latino-owned."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
@@ -10,15 +10,15 @@
|
||||
--accent: #ffffff;
|
||||
--background-accent: #ffffff; */
|
||||
|
||||
--background: #ffffff;
|
||||
--card: #f9f9f9;
|
||||
--foreground: #120a00e6;
|
||||
--primary-cta: #E34400;
|
||||
--background: #fcf6ec;
|
||||
--card: #f3ede2;
|
||||
--foreground: #2e2521;
|
||||
--primary-cta: #a0522d;
|
||||
--primary-cta-text: #ffffff;
|
||||
--secondary-cta: #f9f9f9;
|
||||
--secondary-cta: #f3ede2;
|
||||
--secondary-cta-text: #120a00e6;
|
||||
--accent: #e2e2e2;
|
||||
--background-accent: #E34400;
|
||||
--accent: #b2a28b;
|
||||
--background-accent: #e6d7c5;
|
||||
|
||||
/* text sizing - set by ThemeProvider */
|
||||
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
|
||||
|
||||
Reference in New Issue
Block a user