bender/5dcf6fd6-01df-4749-9283-34ca6aecb0bf
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/pages/HomePage.tsx

Browse Source
This commit is contained in:
bender
2026-06-15 18:33:26 +00:00
parent 69575767b6
commit dac65ef71e
1 changed files with 47 additions and 178 deletions
Download Patch File Download Diff File Expand all files Collapse all files

225
src/pages/HomePage.tsx
View File

@@ -8,7 +8,7 @@ import MetricsIconCards from '@/components/sections/metrics/MetricsIconCards';
import PricingMediaCards from '@/components/sections/pricing/PricingMediaCards';
import SocialProofMarquee from '@/components/sections/social-proof/SocialProofMarquee';
import TestimonialQuoteCards from '@/components/sections/testimonial/TestimonialQuoteCards';
import { Clock, Layers, PenTool, Rocket, Smile, Sparkles } from "lucide-react";
import { Layers, PenTool, Sparkles } from "lucide-react";
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
export default function HomePage() {
@@ -20,14 +20,10 @@ export default function HomePage() {
brand="UNLIMITED DESIGN SUBSCRIPTION"
description="Stop worrying about design output. Get a dedicated design team on demand for a flat monthly fee. High-end, premium quality delivered at scale."
primaryButton={{
text: "View Membership",
href: "#pricing",
}}
text: "View Membership", href: "#pricing"}}
secondaryButton={{
text: "Explore Work",
href: "#work",
}}
imageSrc="http://img.b2bpic.net/free-photo/ink-tools-near-bamboo-drawing_23-2147823738.jpg?_wi=1"
text: "Explore Work", href: "#work"}}
imageSrc="http://img.b2bpic.net/free-photo/ink-tools-near-bamboo-drawing_23-2147823738.jpg"
/>
</SectionErrorBoundary>
</div>
@@ -37,9 +33,7 @@ export default function HomePage() {
<AboutTextSplit
title="Built for Visionaries"
descriptions={[
"We operate at the intersection of Swiss design rigor and digital-first innovation. Our subscription model removes the bureaucracy of hiring while maintaining elite agency standards.",
"Every asset is custom, high-fidelity, and optimized for your specific brand language. No templates, no bloat—just pure creative output delivered daily.",
]}
"We operate at the intersection of Swiss design rigor and digital-first innovation. Our subscription model removes the bureaucracy of hiring while maintaining elite agency standards.", "Every asset is custom, high-fidelity, and optimized for your specific brand language. No templates, no bloat—just pure creative output delivered daily."]}
/>
</SectionErrorBoundary>
</div>
@@ -51,14 +45,7 @@ export default function HomePage() {
title="Creative Powerhouses"
description="Collaborating with high-growth startups and visionary brands globally."
names={[
"VentureFlow",
"Apex Studio",
"PixelPerfect",
"Modernist Labs",
"Orbit Digital",
"DesignCore",
"Canvas Inc",
]}
"VentureFlow", "Apex Studio", "PixelPerfect", "Modernist Labs", "Orbit Digital", "DesignCore", "Canvas Inc"]}
/>
</SectionErrorBoundary>
</div>
@@ -71,65 +58,35 @@ export default function HomePage() {
description="End-to-end design coverage for scaling teams."
features={[
{
title: "Brand Strategy",
description: "Comprehensive visual identity and system design.",
bentoComponent: "info-card-marquee",
infoCards: [
title: "Brand Strategy", description: "Comprehensive visual identity and system design.", bentoComponent: "info-card-marquee", infoCards: [
{
icon: PenTool,
label: "Identity",
value: "100%",
},
icon: "PenTool", label: "Identity", value: "100%"},
{
icon: Layers,
label: "System",
value: "24/7",
},
icon: "Layers", label: "System", value: "24/7"},
{
icon: Sparkles,
label: "Quality",
value: "Max",
},
icon: "Sparkles", label: "Quality", value: "Max"},
],
},
{
title: "Product UX/UI",
description: "High-fidelity interfaces built for conversion.",
bentoComponent: "media-stack",
mediaItems: [
title: "Product UX/UI", description: "High-fidelity interfaces built for conversion.", bentoComponent: "media-stack", mediaItems: [
{
imageSrc: "http://img.b2bpic.net/free-photo/ink-tools-near-bamboo-drawing_23-2147823738.jpg?_wi=2",
},
imageSrc: "http://img.b2bpic.net/free-photo/ink-tools-near-bamboo-drawing_23-2147823738.jpg"},
{
imageSrc: "http://img.b2bpic.net/free-photo/top-view-keys-drawing-arrangement_23-2149386326.jpg",
},
imageSrc: "http://img.b2bpic.net/free-photo/top-view-keys-drawing-arrangement_23-2149386326.jpg"},
{
imageSrc: "http://img.b2bpic.net/free-photo/3d-view-puzzle-pieces_23-2150499113.jpg",
},
imageSrc: "http://img.b2bpic.net/free-photo/3d-view-puzzle-pieces_23-2150499113.jpg"},
],
},
{
title: "Creative Workflow",
description: "Seamless integration into your team.",
bentoComponent: "checklist-timeline",
heading: "Our Process",
subheading: "Predictable outcomes.",
checklistItems: [
title: "Creative Workflow", description: "Seamless integration into your team.", bentoComponent: "checklist-timeline", heading: "Our Process", subheading: "Predictable outcomes.", checklistItems: [
{
label: "Submit Brief",
detail: "On-demand",
},
label: "Submit Brief", detail: "On-demand"},
{
label: "Rapid Drafts",
detail: "24h turn",
},
label: "Rapid Drafts", detail: "24h turn"},
{
label: "Polished Asset",
detail: "Ready to ship",
},
label: "Polished Asset", detail: "Ready to ship"},
],
completedLabel: "Done",
},
completedLabel: "Done"},
]}
/>
</SectionErrorBoundary>
@@ -143,47 +100,19 @@ export default function HomePage() {
description="High-impact work for premium partners."
items={[
{
title: "SaaS Platform",
description: "Interactive mobile application design.",
href: "#",
imageSrc: "http://img.b2bpic.net/free-photo/low-angle-woman-posing-outdoors_23-2149988417.jpg?_wi=2",
},
title: "SaaS Platform", description: "Interactive mobile application design.", href: "#", imageSrc: "http://img.b2bpic.net/free-photo/low-angle-woman-posing-outdoors_23-2149988417.jpg"},
{
title: "Brand Manual",
description: "Complete visual guidelines documentation.",
href: "#",
imageSrc: "http://img.b2bpic.net/free-photo/simple-corporate-identity-branding-stationery-set_53876-126754.jpg?_wi=2",
},
title: "Brand Manual", description: "Complete visual guidelines documentation.", href: "#", imageSrc: "http://img.b2bpic.net/free-photo/simple-corporate-identity-branding-stationery-set_53876-126754.jpg"},
{
title: "Web Marketing",
description: "Conversion-focused landing page design.",
href: "#",
imageSrc: "http://img.b2bpic.net/free-photo/inspired-youth_53876-176745.jpg",
},
title: "Web Marketing", description: "Conversion-focused landing page design.", href: "#", imageSrc: "http://img.b2bpic.net/free-photo/inspired-youth_53876-176745.jpg"},
{
title: "Design System",
description: "Figma component architecture.",
href: "#",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-shot-laptop-blueprints-desk_482257-31167.jpg",
},
title: "Design System", description: "Figma component architecture.", href: "#", imageSrc: "http://img.b2bpic.net/free-photo/close-up-shot-laptop-blueprints-desk_482257-31167.jpg"},
{
title: "Campaign Assets",
description: "Social and advertising creative.",
href: "#",
imageSrc: "http://img.b2bpic.net/free-photo/hands-holding-smartphone-social-media-concept_23-2150208238.jpg",
},
title: "Campaign Assets", description: "Social and advertising creative.", href: "#", imageSrc: "http://img.b2bpic.net/free-photo/hands-holding-smartphone-social-media-concept_23-2150208238.jpg"},
{
title: "Motion Identity",
description: "Animated logos and micro-interactions.",
href: "#",
imageSrc: "http://img.b2bpic.net/free-photo/communication-social-media-icons-personal-computer_23-2150781063.jpg",
},
title: "Motion Identity", description: "Animated logos and micro-interactions.", href: "#", imageSrc: "http://img.b2bpic.net/free-photo/communication-social-media-icons-personal-computer_23-2150781063.jpg"},
{
title: "Editorial Print",
description: "Large format typography and layouts.",
href: "#",
imageSrc: "http://img.b2bpic.net/free-vector/hand-painted-liquid-marble-cover-collection_23-2149002719.jpg",
},
title: "Editorial Print", description: "Large format typography and layouts.", href: "#", imageSrc: "http://img.b2bpic.net/free-vector/hand-painted-liquid-marble-cover-collection_23-2149002719.jpg"},
]}
/>
</SectionErrorBoundary>
@@ -197,38 +126,17 @@ export default function HomePage() {
description="Choose the level that fits your growth."
plans={[
{
tag: "Starter",
price: "$2,999",
period: "/mo",
features: [
"1 active request at a time",
"Custom design",
"Figma deliverables",
"Unlimited brands",
],
tag: "Starter", price: "$2,999", period: "/mo", features: [
"1 active request at a time", "Custom design", "Figma deliverables", "Unlimited brands"],
primaryButton: {
text: "Subscribe",
href: "#contact",
},
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-holding-shop-sign_23-2148731733.jpg",
},
text: "Subscribe", href: "#contact"},
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-holding-shop-sign_23-2148731733.jpg"},
{
tag: "Pro",
price: "$4,999",
period: "/mo",
features: [
"2 active requests",
"Priority support",
"Motion design",
"Brand systems",
"Direct Slack comms",
],
tag: "Pro", price: "$4,999", period: "/mo", features: [
"2 active requests", "Priority support", "Motion design", "Brand systems", "Direct Slack comms"],
primaryButton: {
text: "Subscribe",
href: "#contact",
},
imageSrc: "http://img.b2bpic.net/free-photo/full-battery-sign-left-side-with-white-background_187299-40050.jpg",
},
text: "Subscribe", href: "#contact"},
imageSrc: "http://img.b2bpic.net/free-photo/full-battery-sign-left-side-with-white-background_187299-40050.jpg"},
]}
/>
</SectionErrorBoundary>
@@ -242,35 +150,15 @@ export default function HomePage() {
description="Real creative impact from satisfied partners."
testimonials={[
{
name: "Alex Rivet",
role: "CEO",
quote: "The most seamless design experience I've had. Truly premium quality.",
imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-developing-photos_23-2149893918.jpg",
},
name: "Alex Rivet", role: "CEO", quote: "The most seamless design experience I've had. Truly premium quality.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-developing-photos_23-2149893918.jpg"},
{
name: "Sarah Chen",
role: "Founder",
quote: "Finally, a design team that understands modern brutalism and UI.",
imageSrc: "http://img.b2bpic.net/free-photo/elderly-businesswoman-sitting-outside-cafe_1303-19438.jpg",
},
name: "Sarah Chen", role: "Founder", quote: "Finally, a design team that understands modern brutalism and UI.", imageSrc: "http://img.b2bpic.net/free-photo/elderly-businesswoman-sitting-outside-cafe_1303-19438.jpg"},
{
name: "Mark D.",
role: "Product",
quote: "Scaleable, fast, and high-fidelity. Unmatched value.",
imageSrc: "http://img.b2bpic.net/free-photo/amazingly-looking-african-american-man-wear-blue-blazer-with-brooch-black-turtleneck-glasses-posed-street-fashionable-black-guy-with-cup-coffee_627829-2210.jpg",
},
name: "Mark D.", role: "Product", quote: "Scaleable, fast, and high-fidelity. Unmatched value.", imageSrc: "http://img.b2bpic.net/free-photo/amazingly-looking-african-american-man-wear-blue-blazer-with-brooch-black-turtleneck-glasses-posed-street-fashionable-black-guy-with-cup-coffee_627829-2210.jpg"},
{
name: "Elena V.",
role: "CMO",
quote: "Our brand evolved overnight thanks to these guys.",
imageSrc: "http://img.b2bpic.net/free-photo/businessman-with-clipboard-smiling-camera_482257-121165.jpg",
},
name: "Elena V.", role: "CMO", quote: "Our brand evolved overnight thanks to these guys.", imageSrc: "http://img.b2bpic.net/free-photo/businessman-with-clipboard-smiling-camera_482257-121165.jpg"},
{
name: "Joe B.",
role: "Founder",
quote: "Exclusivity and quality in every single pixel.",
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-holding-coffee-cup_23-2148815600.jpg",
},
name: "Joe B.", role: "Founder", quote: "Exclusivity and quality in every single pixel.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-holding-coffee-cup_23-2148815600.jpg"},
]}
/>
</SectionErrorBoundary>
@@ -284,20 +172,11 @@ export default function HomePage() {
description="Data-driven creative performance."
metrics={[
{
icon: Rocket,
title: "Projects Delivered",
value: "1500+",
},
icon: "Rocket", title: "Projects Delivered", value: "1500+"},
{
icon: Clock,
title: "Turnaround Time",
value: "24h",
},
icon: "Clock", title: "Turnaround Time", value: "24h"},
{
icon: Smile,
title: "Client Retention",
value: "98%",
},
icon: "Smile", title: "Client Retention", value: "98%"},
]}
/>
</SectionErrorBoundary>
@@ -311,17 +190,11 @@ export default function HomePage() {
description="Everything you need to know about our subscription."
items={[
{
question: "Can I pause?",
answer: "Yes, pause or cancel anytime.",
},
question: "Can I pause?", answer: "Yes, pause or cancel anytime."},
{
question: "What's included?",
answer: "All core design assets.",
},
question: "What's included?", answer: "All core design assets."},
{
question: "Turnaround time?",
answer: "Usually under 24 hours.",
},
question: "Turnaround time?", answer: "Usually under 24 hours."},
]}
imageSrc="http://img.b2bpic.net/free-photo/blue-paint-textured-background-aesthetic-diy-experimental-art_53876-126191.jpg"
/>
@@ -334,13 +207,9 @@ export default function HomePage() {
tag="Ready?"
text="Get exclusive creative support today. Unlimited design awaits."
primaryButton={{
text: "Start Subscription",
href: "#",
}}
text: "Start Subscription", href: "#"}}
secondaryButton={{
text: "Contact Sales",
href: "#",
}}
text: "Contact Sales", href: "#"}}
/>
</SectionErrorBoundary>
</div>