-
Notifications
You must be signed in to change notification settings - Fork 0
Build unique manifesto page #2
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
base: master
Are you sure you want to change the base?
Conversation
Created a comprehensive manifesto page featuring: - Powerful hero section with tagline "This is for the builders who refuse to wait" - Opening statement explaining Tenacity's purpose and mission - Four pillars section (Think, Build, Do, Grow) with custom icons - Core beliefs section with 6 key values - Movement section with call-to-action - Smooth animations using Framer Motion - Consistent design language matching the homepage - Fully responsive layout with proper spacing and typography
|
The latest updates on your projects. Learn more about Vercel for GitHub.
|
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Pull request overview
This PR creates a dedicated manifesto page for Tenacity that showcases the company's principles, beliefs, and values. The page transitions from using an external HeroSection component to a custom-built, inline implementation with animations and interactive elements.
Key Changes:
- Built a complete manifesto page with hero section, four pillars (Think, Build, Do, Grow), core beliefs, and a call-to-action
- Implemented smooth scroll animations using framer-motion library
- Added a standard .gitignore file for Next.js projects
Reviewed changes
Copilot reviewed 1 out of 2 changed files in this pull request and generated 11 comments.
| File | Description |
|---|---|
| app/manifesto/page.tsx | Complete redesign of the manifesto page with inline Badge component, animated sections showcasing principles and beliefs, and custom SVG icons for visual elements |
| .gitignore | Standard Next.js gitignore file with patterns for dependencies, build artifacts, environment files, and TypeScript generated files |
💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.
| <div className="text-center mb-12 sm:mb-16"> | ||
| <Badge | ||
| icon={ | ||
| <svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"> |
Copilot
AI
Jan 8, 2026
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
SVG icons in the Badge components should include proper accessibility attributes. Consider adding aria-hidden="true" to decorative SVG icons to improve accessibility for screen reader users.
| <svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"> | |
| <svg | |
| width="14" | |
| height="14" | |
| viewBox="0 0 14 14" | |
| fill="none" | |
| xmlns="http://www.w3.org/2000/svg" | |
| aria-hidden="true" | |
| focusable="false" | |
| > |
| <svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"> | ||
| <circle cx="4" cy="4" r="2" stroke="#37322F" strokeWidth="1" fill="none"/> | ||
| <circle cx="10" cy="4" r="2" stroke="#37322F" strokeWidth="1" fill="none"/> | ||
| <circle cx="7" cy="10" r="2" stroke="#37322F" strokeWidth="1" fill="none"/> | ||
| <path d="M5.5 5L5.5 9M8.5 5L8.5 9" stroke="#37322F" strokeWidth="1"/> |
Copilot
AI
Jan 8, 2026
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
SVG icons in the Badge components should include proper accessibility attributes. Consider adding aria-hidden="true" to decorative SVG icons to improve accessibility for screen reader users.
| <svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"> | |
| <circle cx="4" cy="4" r="2" stroke="#37322F" strokeWidth="1" fill="none"/> | |
| <circle cx="10" cy="4" r="2" stroke="#37322F" strokeWidth="1" fill="none"/> | |
| <circle cx="7" cy="10" r="2" stroke="#37322F" strokeWidth="1" fill="none"/> | |
| <path d="M5.5 5L5.5 9M8.5 5L8.5 9" stroke="#37322F" strokeWidth="1"/> | |
| <svg | |
| width="14" | |
| height="14" | |
| viewBox="0 0 14 14" | |
| fill="none" | |
| xmlns="http://www.w3.org/2000/svg" | |
| aria-hidden="true" | |
| focusable="false" | |
| > | |
| <circle cx="4" cy="4" r="2" stroke="#37322F" strokeWidth="1" fill="none" /> | |
| <circle cx="10" cy="4" r="2" stroke="#37322F" strokeWidth="1" fill="none" /> | |
| <circle cx="7" cy="10" r="2" stroke="#37322F" strokeWidth="1" fill="none" /> | |
| <path d="M5.5 5L5.5 9M8.5 5L8.5 9" stroke="#37322F" strokeWidth="1" /> |
| function Badge({ icon, text }: { icon: React.ReactNode; text: string }) { | ||
| return ( | ||
| <div className="px-[14px] py-[6px] bg-white shadow-[0px_0px_0px_4px_rgba(55,50,47,0.05)] overflow-hidden rounded-[90px] flex justify-start items-center gap-[8px] border border-[rgba(2,6,23,0.08)] shadow-xs"> | ||
| <div className="w-[14px] h-[14px] relative overflow-hidden flex items-center justify-center">{icon}</div> | ||
| <div className="text-center flex justify-center flex-col text-[#37322F] text-xs font-medium leading-3 font-sans"> | ||
| {text} | ||
| </div> | ||
| </div> | ||
| ) | ||
| } |
Copilot
AI
Jan 8, 2026
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
The Badge component is duplicated across multiple files in the codebase (documentation-section.tsx, testimonials-section.tsx, and now this file). Consider extracting it to a shared component to improve maintainability and ensure consistency.
| <svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"> | ||
| <rect x="10" y="16" width="8" height="16" stroke="#37322F" strokeWidth="2" fill="none"/> | ||
| <rect x="22" y="10" width="8" height="22" stroke="#37322F" strokeWidth="2" fill="none"/> | ||
| <rect x="12" y="20" width="2" height="2" fill="#37322F"/> | ||
| <rect x="15" y="20" width="2" height="2" fill="#37322F"/> | ||
| <rect x="24" y="14" width="2" height="2" fill="#37322F"/> | ||
| <rect x="27" y="14" width="2" height="2" fill="#37322F"/> | ||
| </svg> | ||
| ) |
Copilot
AI
Jan 8, 2026
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
SVG icons should include proper accessibility attributes. Consider adding aria-hidden="true" to decorative SVG icons or role="img" with aria-label for meaningful icons to improve accessibility for screen reader users.
| <div className="text-center max-w-3xl px-4"> | ||
| <Badge | ||
| icon={ | ||
| <svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"> |
Copilot
AI
Jan 8, 2026
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
SVG icons in the Badge components should include proper accessibility attributes. Consider adding aria-hidden="true" to decorative SVG icons to improve accessibility for screen reader users.
| <svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"> | |
| <svg | |
| width="14" | |
| height="14" | |
| viewBox="0 0 14 14" | |
| fill="none" | |
| xmlns="http://www.w3.org/2000/svg" | |
| aria-hidden="true" | |
| focusable="false" | |
| > |
| } | ||
|
|
||
| export default function Manifesto() { | ||
| const containerRef = useRef<HTMLDivElement>(null) |
Copilot
AI
Jan 8, 2026
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
The containerRef variable is declared but never used. Consider removing it to keep the code clean.
| <svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"> | ||
| <path d="M20 8C13.373 8 8 13.373 8 20C8 26.627 13.373 32 20 32C26.627 32 32 26.627 32 20C32 13.373 26.627 8 20 8Z" stroke="#37322F" strokeWidth="2" fill="none"/> | ||
| <circle cx="16" cy="18" r="1.5" fill="#37322F"/> | ||
| <circle cx="24" cy="18" r="1.5" fill="#37322F"/> | ||
| <path d="M15 25C15 25 17 27 20 27C23 27 25 25 25 25" stroke="#37322F" strokeWidth="2" strokeLinecap="round"/> | ||
| </svg> | ||
| ) |
Copilot
AI
Jan 8, 2026
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
SVG icons should include proper accessibility attributes. Consider adding aria-hidden="true" to decorative SVG icons or role="img" with aria-label for meaningful icons to improve accessibility for screen reader users.
| <svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"> | ||
| <path d="M12 20L18 26L28 14" stroke="#37322F" strokeWidth="2.5" strokeLinecap="round" strokeLinejoin="round" fill="none"/> | ||
| <circle cx="20" cy="20" r="12" stroke="#37322F" strokeWidth="2" fill="none"/> | ||
| </svg> | ||
| ) |
Copilot
AI
Jan 8, 2026
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
SVG icons should include proper accessibility attributes. Consider adding aria-hidden="true" to decorative SVG icons or role="img" with aria-label for meaningful icons to improve accessibility for screen reader users.
| <svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"> | ||
| <path d="M10 28L15 22L20 25L25 18L30 12" stroke="#37322F" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" fill="none"/> | ||
| <path d="M26 12H30V16" stroke="#37322F" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round"/> | ||
| </svg> | ||
| ) |
Copilot
AI
Jan 8, 2026
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
SVG icons should include proper accessibility attributes. Consider adding aria-hidden="true" to decorative SVG icons or role="img" with aria-label for meaningful icons to improve accessibility for screen reader users.
| <svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"> | ||
| <rect x="1" y="1" width="5" height="5" stroke="#37322F" strokeWidth="1" fill="none"/> | ||
| <rect x="8" y="1" width="5" height="5" stroke="#37322F" strokeWidth="1" fill="none"/> | ||
| <rect x="1" y="8" width="5" height="5" stroke="#37322F" strokeWidth="1" fill="none"/> | ||
| <rect x="8" y="8" width="5" height="5" stroke="#37322F" strokeWidth="1" fill="none"/> | ||
| </svg> | ||
| } |
Copilot
AI
Jan 8, 2026
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
SVG icons in the Badge components should include proper accessibility attributes. Consider adding aria-hidden="true" to decorative SVG icons to improve accessibility for screen reader users.
No description provided.