diff --git a/src/app/page.tsx b/src/app/page.tsx index 7b0d9a1..7069d05 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -33,35 +33,21 @@ export default function LandingPage() { @@ -71,35 +57,21 @@ export default function LandingPage() { description="WeFrametech connects your design system directly to production. Ship 40% faster with builtin developer specs, live components, and zero rework." buttons={[ { - text: "Start free—no credit card", - href: "#contact", - }, + text: "Start free—no credit card", href: "#contact"}, ]} slides={[ { - imageSrc: "http://img.b2bpic.net/free-photo/modern-equipped-computer-lab_23-2149241197.jpg", - imageAlt: "WeFrametech dashboard overview", - }, + imageSrc: "http://img.b2bpic.net/free-photo/modern-equipped-computer-lab_23-2149241197.jpg", imageAlt: "WeFrametech dashboard overview"}, { - imageSrc: "http://img.b2bpic.net/free-photo/woman-typing-prompts-into-ai-powered-chat-system-her-computer_482257-119906.jpg", - imageAlt: "Figma to code synchronization", - }, + imageSrc: "http://img.b2bpic.net/free-photo/woman-typing-prompts-into-ai-powered-chat-system-her-computer_482257-119906.jpg", imageAlt: "Figma to code synchronization"}, { - imageSrc: "http://img.b2bpic.net/free-photo/business-colleagues-wearing-protective-face-masks-while-working-office_637285-9205.jpg", - imageAlt: "Design and development team collaboration", - }, + imageSrc: "http://img.b2bpic.net/free-photo/business-colleagues-wearing-protective-face-masks-while-working-office_637285-9205.jpg", imageAlt: "Design and development team collaboration"}, { - imageSrc: "http://img.b2bpic.net/free-photo/man-controlling-smart-lamp-with-his-phone_23-2149036886.jpg", - imageAlt: "Mobile app live component update", - }, + imageSrc: "http://img.b2bpic.net/free-photo/man-controlling-smart-lamp-with-his-phone_23-2149036886.jpg", imageAlt: "Mobile app live component update"}, { - imageSrc: "http://img.b2bpic.net/free-photo/luxurious-boardroom-space-within-multinational-company-used-meetings_482257-124520.jpg", - imageAlt: "Analytics showing faster shipping speed", - }, + imageSrc: "http://img.b2bpic.net/free-photo/luxurious-boardroom-space-within-multinational-company-used-meetings_482257-124520.jpg", imageAlt: "Analytics showing faster shipping speed"}, { - imageSrc: "http://img.b2bpic.net/free-photo/robot-with-screen_1048-4564.jpg", - imageAlt: "Automated UI specification generation", - }, + imageSrc: "http://img.b2bpic.net/free-photo/robot-with-screen_1048-4564.jpg", imageAlt: "Automated UI specification generation"}, ]} /> @@ -111,17 +83,11 @@ export default function LandingPage() { description="WeFrametech empowers product teams to eliminate design handoff bottlenecks, ensuring pixel-perfect implementation and rapid iteration. Our platform bridges the gap between design systems and live code, fostering unparalleled team alignment and delivering projects on time, every time." metrics={[ { - value: "10,000+", - title: "Product Teams", - }, + value: "10,000+", title: "Product Teams"}, { - value: "40%", - title: "Faster Shipping", - }, + value: "40%", title: "Faster Shipping"}, { - value: "99%", - title: "Design Accuracy", - }, + value: "99%", title: "Design Accuracy"}, ]} imageSrc="http://img.b2bpic.net/free-photo/futuristic-ai-data-visualization_23-2151977857.jpg" imageAlt="WeFrametech platform dashboard" @@ -136,29 +102,11 @@ export default function LandingPage() { useInvertedBackground={false} features={[ { - tag: "Handoff", - title: "Automated Developer Specs", - subtitle: "Effortless documentation", - description: "Automatically generate detailed developer specifications, measurements, and code snippets from your designs. Say goodbye to manual documentation.", - imageSrc: "http://img.b2bpic.net/free-photo/close-up-computer-peripherals-server-room-desk_482257-118044.jpg", - imageAlt: "Automated developer specs", - }, + tag: "Handoff", title: "Automated Developer Specs", subtitle: "Effortless documentation", description: "Automatically generate detailed developer specifications, measurements, and code snippets from your designs. Say goodbye to manual documentation.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-computer-peripherals-server-room-desk_482257-118044.jpg", imageAlt: "Automated developer specs"}, { - tag: "Sync", - title: "Live Component Library", - subtitle: "Consistent UI, always", - description: "Connect your design system to a live component library in production. Any design update is instantly reflected in development, ensuring consistency.", - imageSrc: "http://img.b2bpic.net/free-photo/3d-render-abstract-blocks-landscape-with-shallow-depth-field_1048-13248.jpg", - imageAlt: "Live component library sync", - }, + tag: "Sync", title: "Live Component Library", subtitle: "Consistent UI, always", description: "Connect your design system to a live component library in production. Any design update is instantly reflected in development, ensuring consistency.", imageSrc: "http://img.b2bpic.net/free-photo/3d-render-abstract-blocks-landscape-with-shallow-depth-field_1048-13248.jpg", imageAlt: "Live component library sync"}, { - tag: "Collaborate", - title: "Real-time Feedback & Iteration", - subtitle: "Faster cycles", - description: "Facilitate seamless collaboration between designers and developers with real-time feedback loops. Iterate faster and reduce rework cycles.", - imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-people-working-together_23-2149546179.jpg", - imageAlt: "Real-time feedback and iteration", - }, + tag: "Collaborate", title: "Real-time Feedback & Iteration", subtitle: "Faster cycles", description: "Facilitate seamless collaboration between designers and developers with real-time feedback loops. Iterate faster and reduce rework cycles.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-people-working-together_23-2149546179.jpg", imageAlt: "Real-time feedback and iteration"}, ]} title="Streamline Your Workflow, Boost Productivity" description="From automated specs to live component syncing, WeFrametech provides the tools you need to move from concept to launch with confidence and speed." @@ -170,27 +118,16 @@ export default function LandingPage() { textboxLayout="default" gridVariant="uniform-all-items-equal" useInvertedBackground={false} + animationType="slide-up" metrics={[ { - id: "m1", - value: "40%", - title: "Faster Shipping", - description: "Reduce time-to-market for new features and products.", - icon: Zap, + id: "m1", value: "40%", title: "Faster Shipping", description: "Reduce time-to-market for new features and products.", icon: Zap, }, { - id: "m2", - value: "80%", - title: "Rework Reduction", - description: "Eliminate costly design-to-dev rework and miscommunications.", - icon: Minimize, + id: "m2", value: "80%", title: "Rework Reduction", description: "Eliminate costly design-to-dev rework and miscommunications.", icon: Minimize, }, { - id: "m3", - value: "$1M+", - title: "Savings Annually", - description: "Optimize resource allocation and save on development costs.", - icon: DollarSign, + id: "m3", value: "$1M+", title: "Savings Annually", description: "Optimize resource allocation and save on development costs.", icon: DollarSign, }, ]} title="Quantifiable Impact, Real Results" @@ -203,14 +140,7 @@ export default function LandingPage() { textboxLayout="default" useInvertedBackground={false} names={[ - "Acme Corp", - "Innovate X", - "Global Tech", - "Future Solutions", - "NextGen Labs", - "Prime Digital", - "Synergy Systems", - ]} + "Acme Corp", "Innovate X", "Global Tech", "Future Solutions", "NextGen Labs", "Prime Digital", "Synergy Systems"]} title="Trusted by Industry Leaders" description="Join over 10,000 product teams who rely on WeFrametech for seamless design-to-code workflows." /> @@ -223,45 +153,15 @@ export default function LandingPage() { useInvertedBackground={false} testimonials={[ { - id: "t1", - name: "Sarah Johnson", - role: "Head of Product, TechCorp", - testimonial: "WeFrametech has been a game-changer for our design-to-dev workflow. Handoffs are now seamless, and we're shipping features 40% faster.", - imageSrc: "http://img.b2bpic.net/free-photo/cheerful-middle-aged-businesswoman_1262-21005.jpg", - imageAlt: "Sarah Johnson", - }, + id: "t1", name: "Sarah Johnson", role: "Head of Product, TechCorp", testimonial: "WeFrametech has been a game-changer for our design-to-dev workflow. Handoffs are now seamless, and we're shipping features 40% faster.", imageSrc: "http://img.b2bpic.net/free-photo/cheerful-middle-aged-businesswoman_1262-21005.jpg", imageAlt: "Sarah Johnson"}, { - id: "t2", - name: "Michael Chen", - role: "CTO, InnovateLabs", - testimonial: "The live component syncing is incredibly powerful. Our developers love the clarity, and designers appreciate the pixel-perfect implementation.", - imageSrc: "http://img.b2bpic.net/free-photo/man-vr-headset-using-gestures-simulation_1163-5518.jpg", - imageAlt: "Michael Chen", - }, + id: "t2", name: "Michael Chen", role: "CTO, InnovateLabs", testimonial: "The live component syncing is incredibly powerful. Our developers love the clarity, and designers appreciate the pixel-perfect implementation.", imageSrc: "http://img.b2bpic.net/free-photo/man-vr-headset-using-gestures-simulation_1163-5518.jpg", imageAlt: "Michael Chen"}, { - id: "t3", - name: "Emily Rodriguez", - role: "Design Lead, GrowthCo", - testimonial: "No more endless back-and-forth. WeFrametech ensures our design system is perfectly translated into code every single time.", - imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-holding-tablet_23-2149927578.jpg", - imageAlt: "Emily Rodriguez", - }, + id: "t3", name: "Emily Rodriguez", role: "Design Lead, GrowthCo", testimonial: "No more endless back-and-forth. WeFrametech ensures our design system is perfectly translated into code every single time.", imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-holding-tablet_23-2149927578.jpg", imageAlt: "Emily Rodriguez"}, { - id: "t4", - name: "David Kim", - role: "Senior PM, StartupXYZ", - testimonial: "The ROI from reducing rework alone has been immense. WeFrametech is an essential tool for any product-led organization.", - imageSrc: "http://img.b2bpic.net/free-photo/man-looking-camera-close-up_23-2148230205.jpg", - imageAlt: "David Kim", - }, + id: "t4", name: "David Kim", role: "Senior PM, StartupXYZ", testimonial: "The ROI from reducing rework alone has been immense. WeFrametech is an essential tool for any product-led organization.", imageSrc: "http://img.b2bpic.net/free-photo/man-looking-camera-close-up_23-2148230205.jpg", imageAlt: "David Kim"}, { - id: "t5", - name: "Jessica Lee", - role: "VP Engineering, FutureTech", - testimonial: "Our team collaboration has drastically improved. Designers and developers are finally speaking the same language thanks to WeFrametech.", - imageSrc: "http://img.b2bpic.net/free-photo/confident-middle-aged-businesswoman-looking-camera_74855-4120.jpg", - imageAlt: "Jessica Lee", - }, + id: "t5", name: "Jessica Lee", role: "VP Engineering, FutureTech", testimonial: "Our team collaboration has drastically improved. Designers and developers are finally speaking the same language thanks to WeFrametech.", imageSrc: "http://img.b2bpic.net/free-photo/confident-middle-aged-businesswoman-looking-camera_74855-4120.jpg", imageAlt: "Jessica Lee"}, ]} title="What Product Teams Say" description="Hear directly from the leaders who have transformed their design and development processes with WeFrametech." @@ -274,20 +174,11 @@ export default function LandingPage() { useInvertedBackground={false} faqs={[ { - id: "f1", - title: "How does WeFrametech integrate with existing tools?", - content: "WeFrametech offers robust integrations with leading design tools like Figma, Sketch, and Adobe XD, as well as development platforms like Storybook and various CI/CD pipelines. Our API also allows for custom integrations.", - }, + id: "f1", title: "How does WeFrametech integrate with existing tools?", content: "WeFrametech offers robust integrations with leading design tools like Figma, Sketch, and Adobe XD, as well as development platforms like Storybook and various CI/CD pipelines. Our API also allows for custom integrations."}, { - id: "f2", - title: "Is WeFrametech suitable for small startups or large enterprises?", - content: "WeFrametech is designed to scale. Our flexible plans and powerful features cater to both small startups bootstrapping their design operations and large enterprises needing to streamline complex design-to-dev workflows across multiple teams.", - }, + id: "f2", title: "Is WeFrametech suitable for small startups or large enterprises?", content: "WeFrametech is designed to scale. Our flexible plans and powerful features cater to both small startups bootstrapping their design operations and large enterprises needing to streamline complex design-to-dev workflows across multiple teams."}, { - id: "f3", - title: "What kind of support is available?", - content: "We offer comprehensive support including dedicated account managers for enterprise clients, 24/7 in-app chat support, extensive documentation, and a thriving community forum. Our goal is to ensure your success with WeFrametech.", - }, + id: "f3", title: "What kind of support is available?", content: "We offer comprehensive support including dedicated account managers for enterprise clients, 24/7 in-app chat support, extensive documentation, and a thriving community forum. Our goal is to ensure your success with WeFrametech."}, ]} title="Got Questions? We Have Answers." description="Find quick answers to the most common questions about WeFrametech, its features, and how it can benefit your team." @@ -299,8 +190,7 @@ export default function LandingPage() {