From 7ae8cf1ace83a1130d3feea7490a01d32777c4b0 Mon Sep 17 00:00:00 2001 From: bender Date: Wed, 17 Jun 2026 20:40:26 +0000 Subject: [PATCH] Update src/pages/HomePage.tsx --- src/pages/HomePage.tsx | 185 ++++++++--------------------------------- 1 file changed, 35 insertions(+), 150 deletions(-) diff --git a/src/pages/HomePage.tsx b/src/pages/HomePage.tsx index 1b78725..5e6987c 100644 --- a/src/pages/HomePage.tsx +++ b/src/pages/HomePage.tsx @@ -1,5 +1,4 @@ import AboutTextSplit from '@/components/sections/about/AboutTextSplit'; -// @ts-nocheck import ContactCta from '@/components/sections/contact/ContactCta'; import FeaturesBento from '@/components/sections/features/FeaturesBento'; import FeaturesRevealCardsBento from '@/components/sections/features/FeaturesRevealCardsBento'; @@ -19,14 +18,10 @@ export default function HomePage() { brand="HOUSE OF HOBOS" description="Authentic urban gear for the modern nomad. Quality, durability, and style forged for the journey ahead." primaryButton={{ - text: "Explore Collections", - href: "#products", - }} + text: "Explore Collections", href: "#products"}} secondaryButton={{ - text: "Our Philosophy", - href: "#about", - }} - imageSrc="http://img.b2bpic.net/free-photo/medium-shot-smiley-man-with-sunglasses_23-2149409792.jpg?_wi=1" + text: "Our Philosophy", href: "#about"}} + imageSrc="http://img.b2bpic.net/free-photo/medium-shot-smiley-man-with-sunglasses_23-2149409792.jpg" /> @@ -36,9 +31,7 @@ export default function HomePage() { @@ -51,47 +44,19 @@ export default function HomePage() { description="Curated pieces designed to endure the city and beyond." items={[ { - title: "Nomad Pack", - description: "Weather-resistant urban backpack.", - href: "#", - imageSrc: "http://img.b2bpic.net/free-photo/close-up-red-stapler_23-2147688605.jpg?_wi=1", - }, + title: "Nomad Pack", description: "Weather-resistant urban backpack.", href: "#", imageSrc: "http://img.b2bpic.net/free-photo/close-up-red-stapler_23-2147688605.jpg"}, { - title: "Street Shell", - description: "Technical wind-resistant parka.", - href: "#", - imageSrc: "http://img.b2bpic.net/free-photo/top-view-clay-smudge_23-2148862870.jpg?_wi=1", - }, + title: "Street Shell", description: "Technical wind-resistant parka.", href: "#", imageSrc: "http://img.b2bpic.net/free-photo/top-view-clay-smudge_23-2148862870.jpg"}, { - title: "Travel Kit", - description: "Modular utility pouch system.", - href: "#", - imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-blurry-man-working-service_23-2148932653.jpg", - }, + title: "Travel Kit", description: "Modular utility pouch system.", href: "#", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-blurry-man-working-service_23-2148932653.jpg"}, { - title: "Urban Trousers", - description: "Durable multi-pocket construction.", - href: "#", - imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-with-braids-portrait_23-2151428271.jpg", - }, + title: "Urban Trousers", description: "Durable multi-pocket construction.", href: "#", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-with-braids-portrait_23-2151428271.jpg"}, { - title: "Essential Tee", - description: "Premium organic cotton fit.", - href: "#", - imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-man-2000s-fashion-style-posing-with-camera-sunglasses_23-2149442817.jpg", - }, + title: "Essential Tee", description: "Premium organic cotton fit.", href: "#", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-man-2000s-fashion-style-posing-with-camera-sunglasses_23-2149442817.jpg"}, { - title: "Everyday Cap", - description: "Minimalist five-panel design.", - href: "#", - imageSrc: "http://img.b2bpic.net/free-vector/black-white-symmetric-design-background_1040-1209.jpg", - }, + title: "Everyday Cap", description: "Minimalist five-panel design.", href: "#", imageSrc: "http://img.b2bpic.net/free-vector/black-white-symmetric-design-background_1040-1209.jpg"}, { - title: "Utility Belt", - description: "Reinforced quick-release gear belt.", - href: "#", - imageSrc: "http://img.b2bpic.net/free-photo/close-up-hand-putting-phone-bag_23-2149168673.jpg", - }, + title: "Utility Belt", description: "Reinforced quick-release gear belt.", href: "#", imageSrc: "http://img.b2bpic.net/free-photo/close-up-hand-putting-phone-bag_23-2149168673.jpg"}, ]} /> @@ -105,60 +70,28 @@ export default function HomePage() { description="Details that make the difference between basic gear and a trusted companion." features={[ { - title: "Durable Materials", - description: "Tested against extreme conditions.", - bentoComponent: "media-stack", - mediaItems: [ + title: "Durable Materials", description: "Tested against extreme conditions.", bentoComponent: "media-stack", mediaItems: [ { - imageSrc: "http://img.b2bpic.net/free-photo/photo-wall-texture-pattern_58702-12472.jpg", - }, + imageSrc: "http://img.b2bpic.net/free-photo/photo-wall-texture-pattern_58702-12472.jpg"}, { - imageSrc: "http://img.b2bpic.net/free-photo/photo-wood-texture-pattern_58702-15484.jpg", - }, + imageSrc: "http://img.b2bpic.net/free-photo/photo-wood-texture-pattern_58702-15484.jpg"}, { - imageSrc: "http://img.b2bpic.net/free-photo/girl-hugging-her-boyfriend-street_1153-5166.jpg", - }, + imageSrc: "http://img.b2bpic.net/free-photo/girl-hugging-her-boyfriend-street_1153-5166.jpg"}, ], - imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-with-sunglasses_23-2149409792.jpg?_wi=2", - imageAlt: "premium leather bag detail", }, { - title: "Modular Logic", - description: "Adapt to every environment.", - bentoComponent: "info-card-marquee", - infoCards: [ + title: "Modular Logic", description: "Adapt to every environment.", bentoComponent: "info-card-marquee", infoCards: [ { - icon: Zap, - label: "Speed", - value: "2x", - }, + icon: "Zap", label: "Speed", value: "2x"}, { - icon: Shield, - label: "Security", - value: "100%", - }, + icon: "Shield", label: "Security", value: "100%"}, { - icon: Award, - label: "Quality", - value: "10/10", - }, + icon: "Award", label: "Quality", value: "10/10"}, ], - imageSrc: "http://img.b2bpic.net/free-photo/close-up-red-stapler_23-2147688605.jpg?_wi=2", - imageAlt: "premium leather bag detail", }, { - title: "Street Tested", - description: "Proven in every urban jungle.", - bentoComponent: "orbiting-icons", - centerIcon: Globe, - orbitIcons: [ - "MapPin", - "Compass", - "Navigation", - "Smartphone", - ], - imageSrc: "http://img.b2bpic.net/free-photo/top-view-clay-smudge_23-2148862870.jpg?_wi=2", - imageAlt: "premium leather bag detail", + title: "Street Tested", description: "Proven in every urban jungle.", bentoComponent: "orbiting-icons", centerIcon: "Globe", orbitIcons: [ + "MapPin", "Compass", "Navigation", "Smartphone"], }, ]} /> @@ -173,33 +106,16 @@ export default function HomePage() { description="Unlock exclusive access to limited drops." plans={[ { - tag: "Essentials", - price: "$99", - description: "Basic access to seasonal drops.", - primaryButton: { - text: "Get Started", - href: "#", - }, + tag: "Essentials", price: "$99", description: "Basic access to seasonal drops.", primaryButton: { + text: "Get Started", href: "#"}, features: [ - "Seasonal Discounts", - "Community Access", - "Limited Previews", - ], + "Seasonal Discounts", "Community Access", "Limited Previews"], }, { - tag: "Nomad", - price: "$199", - description: "All-access membership for explorers.", - primaryButton: { - text: "Get Started", - href: "#", - }, + tag: "Nomad", price: "$199", description: "All-access membership for explorers.", primaryButton: { + text: "Get Started", href: "#"}, features: [ - "Exclusive Drops", - "Private Events", - "Lifetime Warranty", - "Early Access", - ], + "Exclusive Drops", "Private Events", "Lifetime Warranty", "Early Access"], }, ]} /> @@ -213,14 +129,7 @@ export default function HomePage() { title="Recognized Globally" description="Trusted by pioneers in urban culture." names={[ - "Vogue Street", - "Hypebeast", - "Urban Nomad Daily", - "Global Traveler", - "Style Insider", - "Design Review", - "Modern Culture Magazine", - ]} + "Vogue Street", "Hypebeast", "Urban Nomad Daily", "Global Traveler", "Style Insider", "Design Review", "Modern Culture Magazine"]} /> @@ -233,35 +142,15 @@ export default function HomePage() { description="Hear what our community says about House of Hobos." testimonials={[ { - name: "Julian R.", - role: "Photographer", - quote: "Gear that actually keeps up with my travels.", - imageSrc: "http://img.b2bpic.net/free-photo/outdoor-shot-curly-haired-woman-wears-sunglasses-jacket-hoodie-checks-time-smartwatch-spends-free-time-walking-city-sunny-weather-uses-application-modern-lifestyle-concept_273609-60619.jpg", - }, + name: "Julian R.", role: "Photographer", quote: "Gear that actually keeps up with my travels.", imageSrc: "http://img.b2bpic.net/free-photo/outdoor-shot-curly-haired-woman-wears-sunglasses-jacket-hoodie-checks-time-smartwatch-spends-free-time-walking-city-sunny-weather-uses-application-modern-lifestyle-concept_273609-60619.jpg"}, { - name: "Elena V.", - role: "Creative Director", - quote: "Finally, a blend of style and utility that fits.", - imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-brunette-woman-black-sweater-with-crossed-arms-chest_613910-7044.jpg", - }, + name: "Elena V.", role: "Creative Director", quote: "Finally, a blend of style and utility that fits.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-brunette-woman-black-sweater-with-crossed-arms-chest_613910-7044.jpg"}, { - name: "Marcus S.", - role: "Urban Explorer", - quote: "Rugged build, refined looks. Simply perfect.", - imageSrc: "http://img.b2bpic.net/free-photo/brutal-young-man-sunglasses-hat-island-travel_1321-3839.jpg", - }, + name: "Marcus S.", role: "Urban Explorer", quote: "Rugged build, refined looks. Simply perfect.", imageSrc: "http://img.b2bpic.net/free-photo/brutal-young-man-sunglasses-hat-island-travel_1321-3839.jpg"}, { - name: "Sophia L.", - role: "Digital Nomad", - quote: "Travelled across three continents with this bag.", - imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-beautiful-african-american-woman-holding-black-umbrella_627829-4624.jpg", - }, + name: "Sophia L.", role: "Digital Nomad", quote: "Travelled across three continents with this bag.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-beautiful-african-american-woman-holding-black-umbrella_627829-4624.jpg"}, { - name: "David W.", - role: "Designer", - quote: "The attention to detail is truly unmatched.", - imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-city_1157-16548.jpg", - }, + name: "David W.", role: "Designer", quote: "The attention to detail is truly unmatched.", imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-city_1157-16548.jpg"}, ]} /> @@ -273,13 +162,9 @@ export default function HomePage() { tag="Get in Touch" text="Ready to gear up for your next adventure?" primaryButton={{ - text: "Shop Now", - href: "#", - }} + text: "Shop Now", href: "#"}} secondaryButton={{ - text: "Contact Support", - href: "#", - }} + text: "Contact Support", href: "#"}} />