Develop services page with bold minimalistic design #1
Conversation
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
- Created new hero section with smooth scroll animations and large typography - Built interactive services showcase with 4 main service offerings - Added approach section with 4-step process visualization - Implemented animated stats section with counting numbers - Created compelling CTA section with gradient background - All sections feature smooth Framer Motion animations - Responsive design across all breakpoints - Maintains Tenacity brand feel with bold, minimalistic aesthetics - Inspired by modern SaaS design patterns (similar to Suno.com)
|
The latest updates on your projects. Learn more about Vercel for GitHub.
|
- Created dedicated /services/venture-building page - Hero section with bold headline and scroll animations - Process section showing 4-step venture building approach - Capabilities section featuring all deliverables including: - AI automation & integration - WhatsApp Business automation - Digital brand transformation - Full-stack development and more - Case study section with example metrics and deliverables - Service-specific CTA section - All sections maintain Tenacity bold, minimalistic design - Fully responsive across all breakpoints - Smooth Framer Motion animations throughout
Features: - Created custom ServiceInquiryModal component with 3-step flow: 1. Contact info (name, email, company) 2. Service selection (pre-fills for specific pages) 3. Project details (brief, timeline, budget) - Integrated modal in /services page CTAs (Work with us, Start a project, Book a call) - Integrated modal in /services/venture-building page (Build with us, Start building) - Added Calendly integration for "Schedule a call" button - Modal auto-fills service type when opened from specific service pages - Smooth animations and transitions throughout - Success state with confirmation message - Form submits to /api/service-inquiry endpoint Technical: - Uses Framer Motion for animations - Multi-step form with validation - Optional fields for timeline and budget - Responsive design across all breakpoints
Major UX Improvement: - Created new StartProjectModal with 3-step vision-first flow - Flips traditional lead capture: starts with the PROJECT, not the person - Much more engaging for high-intent "Start a project" / "Start building" actions Step 1: What are you building? - "What problem are you solving?" (required) - "What's the vision?" (optional) - "Who is this for?" (audience dropdown - B2B, B2C, etc.) Step 2: Where are you at? - Current stage selection (💡 Just an idea → 🚀 Ready to dominate) - Multi-select needs (Strategy, Product dev, Brand, Full venture build, etc.) Step 3: Let's connect - Name, Email (required) - WhatsApp/Phone (optional) - Best time to chat (optional) Changes: - /services "Start a project" → Opens StartProjectModal - /services "Book a call" → Opens Calendly directly - /services "Work with us" → Still uses ServiceInquiryModal (general inquiry) - /services/venture-building "Build with us" → StartProjectModal - /services/venture-building "Start building" → StartProjectModal - /services/venture-building "Schedule a call" → Calendly Technical: - Framer Motion animations throughout - Multi-select checkboxes for needs - Form submits to /api/start-project endpoint - Success state with auto-close after 3 seconds - Responsive design across all breakpoints
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
No description provided.