Skip to content
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
184 changes: 178 additions & 6 deletions CulinaryCommandApp/Components/Pages/Home.razor
Original file line number Diff line number Diff line change
@@ -1,18 +1,190 @@
@page "/"
@namespace CulinaryCommand.Components.Pages
@inject NavigationManager Nav
@inject AuthService Auth

<PageTitle>Culinary Command - Restaurant Command Center</PageTitle>

@if (showLanding)
{
<div class="landing">
<header class="landing-nav">
<div class="brand">
<span class="brand-dot"></span>
<span class="brand-name">Culinary Command</span>
</div>
<nav class="landing-links">
<a href="#features">Features</a>
<a href="#how">How It Works</a>
<a href="#pricing">Pricing</a>
<a href="#about">About</a>
</nav>
<a class="nav-cta" href="/signin">Get Started <i class="bi bi-arrow-right"></i></a>
</header>

<main class="hero">
<div class="hero-card">
<div class="hero-badge">Built for independent restaurants and multi-location operators</div>
<h1>
Run Your Restaurant With
<span class="hero-emphasis">Precision.</span>
</h1>
<p>
Culinary Command gives you complete control over inventory, ingredients,
recipes, staff, and cost management - all in one intelligent dashboard.
</p>
<div class="hero-actions">
<a class="btn-primary" href="/signin">Get Started <i class="bi bi-arrow-right"></i></a>
<a class="btn-ghost" href="#features">See Features</a>
</div>
<div class="hero-social">
<a class="social-btn" href="https://facebook.com" aria-label="Facebook">
<i class="bi bi-facebook"></i>
</a>
<a class="social-btn" href="https://instagram.com" aria-label="Instagram">
<i class="bi bi-instagram"></i>
</a>
<a class="social-btn" href="https://twitter.com" aria-label="Twitter">
<i class="bi bi-twitter-x"></i>
</a>
</div>
</div>

<div class="hero-media">
<div class="hero-image">
<div class="hero-glow"></div>
<div class="hero-plate"></div>
<div class="hero-spark"></div>
</div>
<div class="hero-trust">
<h3>Trusted by the biggest restaurants</h3>
<div class="hero-metrics">
<div class="metric">
<div class="metric-value">500+</div>
<div class="metric-label">Happy Users</div>
</div>
<div class="metric">
<div class="metric-value">32 Hrs+</div>
<div class="metric-label">Time Saved</div>
</div>
<div class="metric">
<div class="metric-value">1000+</div>
<div class="metric-label">Sales</div>
</div>
</div>
</div>
</div>
</main>

<section id="features" class="landing-section">
<div class="section-header">
<p class="section-kicker">Features</p>
<h2>Every station. One command center.</h2>
</div>
<div class="feature-grid">
<div class="feature-card">
<i class="bi bi-box-seam"></i>
<h3>Live Inventory</h3>
<p>Track ingredients, stock alerts, and reorder points across locations.</p>
</div>
<div class="feature-card">
<i class="bi bi-journal-text"></i>
<h3>Recipe Intelligence</h3>
<p>Standardize recipes, costing, and prep workflows with precision.</p>
</div>
<div class="feature-card">
<i class="bi bi-people"></i>
<h3>Team Visibility</h3>
<p>Assign tasks, monitor progress, and keep teams aligned in real time.</p>
</div>
</div>
</section>

<section id="how" class="landing-section how-section">
<div class="section-header">
<p class="section-kicker">How It Works</p>
<h2>Set up in minutes. Run flawlessly all day.</h2>
</div>
<div class="steps">
<div class="step-card">
<span class="step-number">01</span>
<h3>Connect Locations</h3>
<p>Invite managers and import existing inventory lists.</p>
</div>
<div class="step-card">
<span class="step-number">02</span>
<h3>Automate Workflows</h3>
<p>Set roles, reorder rules, and prep schedules in one place.</p>
</div>
<div class="step-card">
<span class="step-number">03</span>
<h3>Measure Results</h3>
<p>See time saved and costs reduced with live insights.</p>
</div>
</div>
</section>

<section id="pricing" class="landing-section pricing-section">
<div class="section-header">
<p class="section-kicker">Pricing</p>
<h2>Plans built for ambitious kitchens.</h2>
</div>
<div class="pricing-grid">
<div class="pricing-card">
<h3>Starter</h3>
<div class="price">$49<span>/mo</span></div>
<ul>
<li>Single location</li>
<li>Inventory + recipes</li>
<li>Weekly insights</li>
</ul>
<a class="btn-ghost" href="/signin">Start now</a>
</div>
<div class="pricing-card featured">
<div class="featured-tag">Most Popular</div>
<h3>Growth</h3>
<div class="price">$129<span>/mo</span></div>
<ul>
<li>Up to 5 locations</li>
<li>Automation + tasks</li>
<li>Daily analytics</li>
</ul>
<a class="btn-primary" href="/signin">Get Started</a>
</div>
<div class="pricing-card">
<h3>Enterprise</h3>
<div class="price">Custom</div>
<ul>
<li>Unlimited locations</li>
<li>Dedicated success team</li>
<li>Custom integrations</li>
</ul>
<a class="btn-ghost" href="/signin">Talk to sales</a>
</div>
</div>
</section>

<section id="about" class="landing-footer">
<div>
<h3>Culinary Command</h3>
<p>Modern operations, built for the pressure of service.</p>
</div>
<a class="btn-primary" href="/signin">Get Started</a>
</section>
</div>
}

@code {
private bool showLanding;

protected override void OnInitialized()
{
// Redirect unauthenticated users to SignIn
if (!Auth.IsSignedIn)
{
Nav.NavigateTo("/signin");
}
else
if (Auth.IsSignedIn)
{
Nav.NavigateTo("/dashboard");
return;
}

showLanding = true;
}
}
Loading
Loading