> ## Documentation Index
> Fetch the complete documentation index at: https://docs.nexus.hurterdesignstudio.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Nexus Theme Documentation

> Complete documentation for the Nexus Ultra Shopify theme - A modern, high-performance e-commerce theme built with cutting-edge technologies.

<Hero title="Nexus Ultra Theme" subtitle="A modern, high-performance Shopify theme built with cutting-edge technologies and best practices for exceptional user experience and superior conversion rates." image="/images/hero-light.png" imageDark="/images/hero-dark.png" />

<Features
  title="Why Choose Nexus?"
  description="Built for modern e-commerce with performance, accessibility, and conversion in mind."
  features={[
{
  title: '⚡ Performance Optimized',
  description: '95+ Google PageSpeed Insights score with critical CSS inlining, lazy loading, and optimized asset delivery.'
},
{
  title: '🎨 Modern Design System',
  description: 'Ultra-modern, clean design with consistent design language, responsive layouts, and dark/light mode support.'
},
{
  title: '♿ Accessibility First',
  description: 'WCAG 2.1 AA compliant with keyboard navigation, screen reader optimization, and color contrast compliance.'
},
{
  title: '🛒 Advanced E-commerce',
  description: 'Product filtering, quick view modals, wishlist functionality, cart drawer, and customer account dashboard.'
},
{
  title: '🌍 Internationalization',
  description: 'Multi-language support, comprehensive translation files, RTL support, and currency conversion compatibility.'
},
{
  title: '🔧 Developer Friendly',
  description: 'Clean modular Liquid code, comprehensive documentation, easy customization, and Shopify CLI compatibility.'
}
]}
/>

<Cards
  title="Get Started"
  description="Choose your path to get started with Nexus Theme"
  cards={[
{
  title: 'Quick Start Guide',
  description: 'Get up and running with Nexus Theme in minutes',
  href: '/quickstart',
  icon: '🚀'
},
{
  title: 'Theme Sections',
  description: 'Explore all available sections and their customization options',
  href: '/sections/hero-section',
  icon: '🎨'
},
{
  title: 'E-commerce Features',
  description: 'Learn about product pages, cart functionality, and customer accounts',
  href: '/features/product-pages',
  icon: '🛍️'
},
{
  title: 'Customization',
  description: 'Customize colors, typography, layouts, and animations',
  href: '/customization/color-schemes',
  icon: '⚙️'
},
{
  title: 'Development',
  description: 'Development workflow, local setup, and deployment',
  href: '/development',
  icon: '🔧'
},
{
  title: 'Support',
  description: 'Get help with documentation, support tickets, and community',
  href: 'https://support.hurterdesignstudio.com/',
  icon: '💬'
}
]}
/>

<Cards
  title="Key Features"
  description="Discover what makes Nexus Theme special"
  cards={[
{
  title: 'Hero Section',
  description: 'Advanced hero banners with multiple content blocks, animations, and responsive design',
  href: '/sections/hero-section',
  icon: '🏠'
},
{
  title: 'Product Showcase',
  description: 'Feature products with quick view, filtering, and recommendation systems',
  href: '/sections/product-showcase',
  icon: '📦'
},
{
  title: 'Collection Grid',
  description: 'Beautiful collection displays with filtering, sorting, and pagination',
  href: '/sections/featured-collection',
  icon: '📚'
},
{
  title: 'Customer Accounts',
  description: 'Complete customer account system with order history and address management',
  href: '/features/customer-accounts',
  icon: '👤'
},
{
  title: 'Cart Functionality',
  description: 'Advanced cart with drawer, optimistic updates, and cross-sell features',
  href: '/features/cart-functionality',
  icon: '🛒'
},
{
  title: 'Search & Filtering',
  description: 'Powerful search with filters, faceted navigation, and smart suggestions',
  href: '/features/search-filtering',
  icon: '🔍'
}
]}
/>

<Cards
  title="Theme Sections"
  description="Explore all available sections for building your store"
  cards={[
{
  title: 'Hero Section',
  description: 'Create stunning hero banners with multiple content blocks',
  href: '/sections/hero-section',
  icon: '🏠'
},
{
  title: 'Featured Collection',
  description: 'Showcase your best products with filtering and sorting',
  href: '/sections/featured-collection',
  icon: '⭐'
},
{
  title: 'Product Showcase',
  description: 'Highlight specific products with advanced features',
  href: '/sections/product-showcase',
  icon: '📦'
},
{
  title: 'Testimonials',
  description: 'Display customer reviews and testimonials',
  href: '/sections/testimonials',
  icon: '💬'
},
{
  title: 'Newsletter Signup',
  description: 'Capture email subscribers with beautiful forms',
  href: '/sections/newsletter-signup',
  icon: '📧'
},
{
  title: 'Instagram Gallery',
  description: 'Integrate your Instagram feed seamlessly',
  href: '/sections/instagram-gallery',
  icon: '📸'
},
{
  title: 'Contact Form',
  description: 'Professional contact forms with validation',
  href: '/sections/contact-form',
  icon: '📞'
},
{
  title: 'Trust Badges',
  description: 'Build customer trust with security badges',
  href: '/sections/trust-badges',
  icon: '🛡️'
}
]}
/>

<Cards
  title="Customization"
  description="Make Nexus Theme your own with powerful customization options"
  cards={[
{
  title: 'Color Schemes',
  description: 'Choose from 8 pre-built color schemes or create custom ones',
  href: '/customization/color-schemes',
  icon: '🎨'
},
{
  title: 'Typography',
  description: 'Customize fonts, sizes, and spacing throughout your store',
  href: '/customization/typography',
  icon: '📝'
},
{
  title: 'Layouts',
  description: 'Flexible layout options for different page types',
  href: '/customization/layouts',
  icon: '📐'
},
{
  title: 'Animations',
  description: 'Add smooth animations and transitions to enhance UX',
  href: '/customization/animations',
  icon: '✨'
}
]}
/>

<Cards
  title="Development"
  description="Resources for developers working with Nexus Theme"
  cards={[
{
  title: 'Local Development',
  description: 'Set up your development environment with Shopify CLI',
  href: '/development',
  icon: '💻'
},
{
  title: 'API Reference',
  description: 'Complete API documentation for theme customization',
  href: '/api-reference/introduction',
  icon: '📚'
},
{
  title: 'Performance Testing',
  description: 'Tools and techniques for optimizing theme performance',
  href: '/development',
  icon: '⚡'
},
{
  title: 'Deployment',
  description: 'Deploy your theme to production safely and efficiently',
  href: '/development',
  icon: '🚀'
}
]}
/>

<Cards
  title="Support & Community"
  description="Get help and connect with other Nexus Theme users"
  cards={[
{
  title: 'Documentation',
  description: 'Comprehensive guides and tutorials',
  href: '/quickstart',
  icon: '📖'
},
{
  title: 'Support Tickets',
  description: 'Get help from our support team',
  href: 'https://support.hurterdesignstudio.com/',
  icon: '🎫'
},
{
  title: 'GitHub',
  description: 'View source code and contribute',
  href: 'https://github.com/hurterdesignstudio/nexus-theme',
  icon: '🐙'
}
]}
/>

***

## Ready to Get Started?

Nexus Theme is designed to help you create exceptional e-commerce experiences. Whether you're a store owner looking for a beautiful, high-performing theme or a developer wanting to customize and extend functionality, we've got you covered.

<Button href="/quickstart" size="lg">
  Get Started with Nexus
</Button>

<Button href="https://themes.shopify.com/themes/nexus" variant="outline" size="lg">
  View on Shopify Theme Store
</Button>