diff --git a/README.md b/README.md
index 0683926..2882bec 100644
--- a/README.md
+++ b/README.md
@@ -2,6 +2,8 @@
Crush Your Race is the next generation of running coach apps, powered by an advanced AI agent that delivers hyper-personalized training plans and dynamic feedback in real time. Built with runners in mind, it integrates seamlessly with Strava, transforming performance data into actionable insights to help you reach your goals faster.
+
+
## Principles
### Vertical AI Agents
@@ -24,4 +26,4 @@ Automatic syncing with Strava ensures your plan stays current, constantly refini
### Dynamic Real-Time Adjustments
Because performance can vary day to day, Crush Your Race updates your regimen on the fly, keeping you on track toward your goals no matter what life throws at you.
-Join us in reshaping how runners train—let’s run smarter, together.
\ No newline at end of file
+Join us in reshaping how runners train—let's run smarter, together.
\ No newline at end of file
diff --git a/webapp/public/banner.png b/webapp/public/banner.png
new file mode 100644
index 0000000..fc621c4
Binary files /dev/null and b/webapp/public/banner.png differ
diff --git a/webapp/src/app/components/ImageCarousel.tsx b/webapp/src/app/components/ImageCarousel.tsx
index 9fe27c4..859ad19 100644
--- a/webapp/src/app/components/ImageCarousel.tsx
+++ b/webapp/src/app/components/ImageCarousel.tsx
@@ -23,7 +23,7 @@ const pages: CarouselPage[] = [
{
image: "/Profile.png",
title: "Tailored For You",
- subtitle: "Update your preferences to get the most out of your training"
+ subtitle: "Customize your preferences to get the most out of your training"
}
];
@@ -86,7 +86,7 @@ export default function ImageCarousel(): React.ReactElement {
/>
-
+
{pages[currentPage].title}
diff --git a/webapp/src/app/components/Navbar.tsx b/webapp/src/app/components/Navbar.tsx
index ee7ae9f..fafc57e 100644
--- a/webapp/src/app/components/Navbar.tsx
+++ b/webapp/src/app/components/Navbar.tsx
@@ -14,15 +14,26 @@ export default function Navbar(): React.ReactElement {
Crush{' '}
Your Race
-
+
- );
-};
-
-export default DashboardPage;
diff --git a/webapp/src/app/globals.css b/webapp/src/app/globals.css
index 6b717ad..6b8eeda 100644
--- a/webapp/src/app/globals.css
+++ b/webapp/src/app/globals.css
@@ -19,3 +19,49 @@ body {
background: var(--background);
font-family: Arial, Helvetica, sans-serif;
}
+
+.glass-section {
+ background: rgba(17, 25, 40, 0.75);
+ backdrop-filter: blur(12px);
+ border: 1px solid rgba(255, 255, 255, 0.125);
+}
+
+.glow {
+ position: absolute;
+ width: 500px;
+ height: 500px;
+ border-radius: 50%;
+ filter: blur(100px);
+ opacity: 0.15;
+ pointer-events: none;
+}
+
+.glow-blue {
+ background: #60A5FA;
+}
+
+.glow-purple {
+ background: #818CF8;
+}
+
+.gradient-dark {
+ background: linear-gradient(to bottom right, rgba(17, 24, 39, 0.8), rgba(17, 24, 39, 0.4));
+}
+
+.gradient-blue {
+ background: linear-gradient(to bottom right, rgba(59, 130, 246, 0.05), rgba(37, 99, 235, 0.1));
+}
+
+.gradient-purple {
+ background: linear-gradient(to bottom right, rgba(139, 92, 246, 0.05), rgba(124, 58, 237, 0.1));
+}
+
+.section-divider {
+ height: 1px;
+ width: 100%;
+ background: linear-gradient(to right,
+ transparent,
+ rgba(255, 255, 255, 0.1),
+ transparent
+ );
+}
diff --git a/webapp/src/app/page.tsx b/webapp/src/app/page.tsx
index 4048fe1..353bd9a 100644
--- a/webapp/src/app/page.tsx
+++ b/webapp/src/app/page.tsx
@@ -3,7 +3,6 @@
import { motion } from 'framer-motion';
import { Inter, Montserrat } from 'next/font/google';
import Image from 'next/image';
-import { useRouter } from 'next/navigation';
import React from 'react';
import Footer from './components/Footer';
import ImageCarousel from './components/ImageCarousel';
@@ -12,23 +11,24 @@ import Navbar from './components/Navbar';
const inter = Inter({ subsets: ['latin'] });
const montserrat = Montserrat({ subsets: ['latin'] });
+const APP_STORE_URL: string = "https://apps.apple.com/us/app/crush-your-race/id6737172627";
+
export default function Home(): React.ReactElement {
- const router = useRouter();
const testimonials: Array<{ name: string; quote: string; image: string }> = [
{
name: "Danny Lio",
- quote: "The training plan I found online was good, but it was missing the level of personalization that Crush Your Race provides.",
+ quote: "The training plan adapts to my performance in real-time. It's like having an elite coach watching every run.",
image: "/danny-lio.png"
},
{
name: "Jared Palek",
- quote: "I used to pay $50.00 per month to work with my coach, but this is just as good and a whole lot cheaper!",
+ quote: "I used to pay $50/month for a human coach. This is more personalized and a fraction of the cost!",
image: "/jared-palek.png"
},
{
name: "Rachel Decker",
- quote: "I love that my training plan is always up to date. It's like having a coach by my side for every activity!",
+ quote: "The Strava integration is seamless - my plan updates automatically after every run. It's truly intelligent coaching.",
image: "/rachel-decker.png"
},
];
@@ -40,35 +40,42 @@ export default function Home(): React.ReactElement {
};
return (
-
+
-
+
+
Crush{' '}
Your Race
- AI-Powered Training Plans for Runners
+ Your AI Running Coach That Gets Smarter With Every Run