4 Main Components
About Us Hero, Our Story, Timeline, and Careers sections
What you'll find in this guide
- About Us Hero component with mission statements and values (exactly 3 required)
- Our Story section for organizational narrative and culture showcase
- Timeline component for chronological milestones and achievements
- Careers section management with job categories and openings
- Required vs optional field identification for each component
- Content writing guidelines for storytelling and professional presentation
Overview
Section titled “Overview”The About page tells the story of Founders Club - who we are, our mission, our journey, and opportunities to join our team. This guide walks you through each component section with clear instructions for content editing.
Storytelling Focus
Components designed to share your organization’s narrative and culture
Required Fields
Several components have required fields that must be completed before publishing
About Us Component
Section titled “About Us Component”
What is the About Us Section?
Section titled “What is the About Us Section?”The About Us component powers the main About page hero section, including the headline, banner image, mission statement, values, and call-to-action cards.
Hero Section Fields
Section titled “Hero Section Fields”Title
Required - Main headline for the About page hero
Example: “Building India’s Premier Startup Ecosystem”
Sub Title
Required - Supporting line under the headline
Example: “Empowering entrepreneurs to transform ideas into successful ventures”
Banner Image
Required - Large hero image (1600px+ width recommended)
Always add descriptive Alt Text for accessibility
Our Mission
Required - Concise mission statement
Example: “To create a thriving community where entrepreneurs can learn, connect, and grow together”
Keep to one impactful sentence
Secondary Section Fields
Section titled “Secondary Section Fields”Secondary Heading
Required - Second headline below the hero
Example: “What We Stand For”
Secondary Sub Heading
Required - Supporting line under secondary heading
Example: “Our core values guide everything we do”
Our Values Section
Section titled “Our Values Section”Each value entry includes:
Icon
Required - Icon identifier or name
Use consistent set: simple names, emojis, or icon identifiers
Examples: “innovation”, “community”, “growth” or ”🚀”, ”🤝”, ”📈”
Title
Required - Value title (3-5 words)
Examples: “Innovation First”, “Community Driven”, “Growth Mindset”
Description
Required - One sentence explaining the value
Example: “We embrace cutting-edge ideas and creative solutions to solve complex challenges.”
About Us CTA Component
Section titled “About Us CTA Component”The CTA component is an array that supports multiple call-to-action cards:
Title
Required - The CTA card’s title
Example: “Join Our Community”
CTA Banner Image
Required - Visual for the CTA card
Add descriptive Alt Text when prompted
Sub Title
Required - Short supporting text
Example: “Connect with like-minded entrepreneurs and grow your startup”
How to Edit the About Us Component
Section titled “How to Edit the About Us Component”- Navigate to “About Us Hero Component Content” in Sanity Studio
- Fill Title and Sub Title fields (both required)
- Upload Banner Image with descriptive Alt Text
- Add Our Mission statement (keep concise and impactful)
- Set Secondary Heading and Secondary Sub Heading
- Add exactly 3 Our Values entries:
- Choose consistent Icon style
- Write clear Title (3-5 words)
- Provide one-sentence Description
- Add CTA cards (you can add multiple):
- Set engaging Title
- Upload CTA Banner Image with Alt Text
- Write compelling Sub Title
- Publish your changes
Our Story Component
Section titled “Our Story Component”
What is the Our Story Section?
Section titled “What is the Our Story Section?”The Our Story component is a storytelling section that covers your organization’s history, culture, and journey. It includes options for multiple content sections and image galleries.
Main Story Fields
Section titled “Main Story Fields”Title
Required - Section headline
Example: “Our Story” or “How We Started”
Main Content
Required - The primary narrative
Use short paragraphs (2-4 sentences) for better readability
Tell your founding story, key milestones, or organizational evolution
Secondary Content
Optional - Additional detail if needed
Use for supplementary information or extended narrative
Workplace/Culture Section
Section titled “Workplace/Culture Section”Workplace Title
Optional - Headline for workplace/culture sub-section
Example: “Our Culture” or “Working at Founders Club”
Workplace Content
Optional - Primary text for workplace section
Describe your team culture, work environment, or values in action
Workplace Secondary Content
Optional - Supporting text for workplace section
Additional details about team dynamics, benefits, or culture highlights
Image Gallery
Section titled “Image Gallery”Images Object
Optional - Up to 6 images showcasing your story
Image 1 through Image 6 - Each supports hotspot functionality
Alternative Text - Describe what’s shown in each image
Each image field includes:
- Image upload with hotspot/crop functionality
- Alternative Text field for accessibility
- Optional usage - use only the images you need
How to Edit Our Story
Section titled “How to Edit Our Story”- Open “Our Story” in Sanity Studio
- Set the Title field
- Write Main Content (keep paragraphs short and engaging)
- Add Secondary Content if you need additional narrative
- Fill Workplace fields if showcasing culture:
- Workplace Title
- Workplace Content
- Workplace Secondary Content
- Upload up to 6 images with descriptive Alt Text
- Publish your changes
Timeline Component
Section titled “Timeline Component”
What is the Timeline Section?
Section titled “What is the Timeline Section?”The Timeline component displays a chronological sequence of your organization’s milestones, achievements, and key moments. It includes optional intro content and action buttons.
Header Section Fields
Section titled “Header Section Fields”Main Title
Optional - Section title
Example: “Our Journey” or “Key Milestones”
Subtitle
Optional - Short supporting line
Example: “From idea to India’s leading startup community”
Description
Optional - Brief intro paragraph for the timeline
Set context for the milestones that follow
Action Buttons
Section titled “Action Buttons”Primary Button
Primary Button Text (optional) - Main CTA label
Primary Button Link (optional) - Full URL or site path
Example: Text: “Join Us Today”, Link: “/membership”
Secondary Button
Secondary Button Text (optional) - Secondary action label
Secondary Button Link (optional) - Full URL or site path
Show Secondary Button (boolean) - Toggle visibility
Example: Text: “Learn More”, Link: “/about”
Timeline Items
Section titled “Timeline Items”Each timeline item includes:
Title
Required - Milestone title
Examples: “Company Founded”, “First Event”, “100 Members Milestone”
Keep clear and concise
Description
Required - Short explanation of the milestone
Use 1-2 sentences to describe the significance
Example: “Launched our first networking event with 25 passionate entrepreneurs.”
Image
Optional - Visual for the milestone
Alternative Text - Describe the image content for accessibility
Use photos from the actual events or relevant graphics
How to Edit the Timeline
Section titled “How to Edit the Timeline”- Open “Timeline” in Sanity Studio
- Add Title, Subtitle, and Description if desired
- Set up action buttons:
- Add Primary Button Text and Link if needed
- Add Secondary Button Text and Link if needed
- Toggle “Show Secondary Button” appropriately
- Add timeline items:
- Write clear, concise Title for each milestone
- Provide 1-2 sentence Description
- Upload optional Image with Alt Text
- Arrange items in chronological order
- Publish your changes
Careers Component
Section titled “Careers Component”
What is the Careers Section?
Section titled “What is the Careers Section?”The Careers component organizes job openings by category (departments/teams) with individual job listings that include titles, locations, and application links.
Job Category Structure
Section titled “Job Category Structure”Category
Required - Name of the job category
Examples: “Engineering”, “Design”, “Marketing”, “Operations”
Keep names simple and consistent across documents
Openings Array
Required - Individual job listings within the category
Each opening contains job details and application link
Individual Job Opening Fields
Section titled “Individual Job Opening Fields”Each opening in the array includes:
Job Title
Required - The role name
Examples: “Frontend Engineer”, “UX Designer”, “Content Marketing Manager”
Use standard industry job titles when possible
Location
Required - Work location details
Examples: “Mumbai, India”, “Remote”, “Hybrid - Bangalore”, “On-site - Delhi”
Be specific about location requirements
Link
Required - Full application URL
Must start with http:// or https://
Example: “https://careers.company.com/jobs/frontend-engineer”
Studio will warn if URL format is invalid
How to Edit Careers
Section titled “How to Edit Careers”- Create Job Category documents (one per department):
- Go to “Job Category” in Sanity Studio
- Create new document for each category (e.g., “Engineering”)
- For each category:
- Set the Category name (e.g., “Engineering”)
- Add job openings:
- Fill Job Title
- Specify Location
- Add full application Link (with https://)
- Test all links to ensure they work correctly
- Publish each category document
- Repeat for additional job categories
Managing Multiple Categories
Section titled “Managing Multiple Categories”Organization
Create separate Job Category documents for each department
Examples: Engineering, Design, Marketing, Operations, Sales
Consistency
Use consistent category naming across all documents
Maintain the same capitalization and format
Updates
Regularly update job listings as positions open and close
Remove filled positions and add new openings
Content Guidelines and Best Practices
Section titled “Content Guidelines and Best Practices”Accessibility Standards
Section titled “Accessibility Standards”Alt Text for Images
Provide descriptive Alt Text that explains what the image shows
Example: “Team photo from Founders Club annual conference 2024”
Avoid generic terms like “image” or “photo”
Link Accessibility
Use descriptive link text and test all external URLs
Ensure job application links are accessible and functional
Include https:// for all external links
Content Quality Standards
Section titled “Content Quality Standards”Brevity and Clarity
Story Content: Use short paragraphs (2-4 sentences)
Timeline Items: Keep descriptions to 1-2 sentences
Mission Statements: Aim for one impactful sentence
Consistency
Tone: Maintain consistent voice across all sections
Formatting: Use consistent capitalization and punctuation
Category Names: Keep job categories consistently named
Storytelling
Our Story: Focus on key moments and challenges overcome
Timeline: Highlight genuine milestones and achievements
Values: Connect abstract concepts to concrete examples
Technical Requirements
Section titled “Technical Requirements”Required Fields
About Us: All main fields are required before publishing
Our Values: Must have exactly 3 items (enforced by Studio)
Job Openings: Title, Location, and Link are all required
Image Specifications
Banner Images: 1600px+ width recommended
Story Images: Up to 6 images with hotspot support
Timeline Images: Optional but enhance storytelling when used
Link Validation
Job Links: Must include http:// or https://
Button Links: Provide links when button text is present
Testing: Verify all links work before publishing
Test Your Knowledge
Section titled “Test Your Knowledge”How many values are required in the Our Values section?
What's the recommended approach for Our Story content paragraphs?
What happens if you add Secondary Button text but leave 'Show Secondary Button' turned off?
What's required for job application links in the Careers section?
How should you organize job openings in the Careers section?
Quick Reference
Section titled “Quick Reference”Component Requirements Summary
Section titled “Component Requirements Summary”About Us
Required: Title, Sub Title, Banner Image, Mission, Secondary Heading, Secondary Sub Heading, 3 Values, CTA components
Optional: Additional CTA cards
Our Story
Required: Title, Main Content
Optional: Secondary Content, Workplace sections, up to 6 images
Timeline
Required: Timeline Items (Title, Description per item)
Optional: Headers, buttons, item images
Careers
Required: Category name, Job openings (Title, Location, Link each)
Optional: None (all fields within openings are required)
Content Length Guidelines
Section titled “Content Length Guidelines”- Mission Statement: 1 impactful sentence
- Value Descriptions: 1 sentence each
- Story Paragraphs: 2-4 sentences
- Timeline Descriptions: 1-2 sentences
- Job Titles: Standard industry terms
What did you learn?
- How to create compelling About Us hero sections with mission and values
- Our Story component setup for organizational narrative and culture
- Timeline management for showcasing key milestones and achievements
- Careers section organization with job categories and application links
- Required field management (especially the “exactly 3 values” rule)
- Content writing best practices for storytelling and professional presentation
- Button functionality requirements and link validation
- Image specifications and accessibility standards