bender/43829300-09a4-4fc6-b962-e9acf49ba33f
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_1 into main

Browse Source 
Merge version_1 into main
This commit was merged in pull request #1.
This commit is contained in:
bender
2026-05-30 05:52:44 +00:00
parent 04955e9712 5e51b37238
commit 32d66697e0
1 changed files with 47 additions and 180 deletions
Download Patch File Download Diff File Expand all files Collapse all files

227
src/app/page.tsx
View File

@@ -33,35 +33,21 @@ export default function LandingPage() {
<NavbarLayoutFloatingOverlay
navItems={[
{
name: "Home",
id: "#home",
},
name: "Home", id: "#home"},
{
name: "Features",
id: "#features",
},
name: "Features", id: "#features"},
{
name: "Impact",
id: "#metrics",
},
name: "Impact", id: "#metrics"},
{
name: "Testimonials",
id: "#testimonials",
},
name: "Testimonials", id: "#testimonials"},
{
name: "FAQ",
id: "#faq",
},
name: "FAQ", id: "#faq"},
{
name: "Contact",
id: "#contact",
},
name: "Contact", id: "#contact"},
]}
brandName="WeFrametech"
button={{
text: "Start free—no credit card",
href: "#contact",
}}
text: "Start free—no credit card", href: "#contact"}}
/>
</div>
@@ -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"},
]}
/>
</div>
@@ -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() {
<ContactSplit
useInvertedBackground={false}
background={{
variant: "radial-gradient",
}}
variant: "radial-gradient"}}
tag="Get Started"
title="Stop Handoff Chaos, Start Shipping Faster"
description="Ready to transform your design-to-code workflow? Sign up for a free account and experience the power of WeFrametech today. No credit card required."
@@ -318,58 +208,35 @@ export default function LandingPage() {
logoText="WeFrametech"
columns={[
{
title: "Product",
items: [
title: "Product", items: [
{
label: "Features",
href: "#features",
},
label: "Features", href: "#features"},
{
label: "Integrations",
href: "#",
},
label: "Integrations", href: "#"},
{
label: "Pricing",
href: "#",
},
label: "Pricing", href: "#"},
],
},
{
title: "Company",
items: [
title: "Company", items: [
{
label: "About Us",
href: "#about",
},
label: "About Us", href: "#about"},
{
label: "Careers",
href: "#",
},
label: "Careers", href: "#"},
{
label: "Blog",
href: "#",
},
label: "Blog", href: "#"},
],
},
{
title: "Support",
items: [
title: "Support", items: [
{
label: "FAQ",
href: "#faq",
},
label: "FAQ", href: "#faq"},
{
label: "Contact",
href: "#contact",
},
label: "Contact", href: "#contact"},
{
label: "Terms of Service",
href: "#",
},
label: "Terms of Service", href: "#"},
{
label: "Privacy Policy",
href: "#",
},
label: "Privacy Policy", href: "#"},
],
},
]}