Update src/app/app/analysis/page.tsx
This commit is contained in:
@@ -2,11 +2,16 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
||||
import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo';
|
||||
import HeroSplitTestimonial from '@/components/sections/hero/HeroSplitTestimonial';
|
||||
import FeatureCardTwentyOne from '@/components/sections/feature/FeatureCardTwentyOne';
|
||||
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
|
||||
|
||||
export default function AnalysisPage() {
|
||||
const navItems = [
|
||||
{ name: "Pricing", id: "pricing" },
|
||||
{ name: "FAQ", id: "faq" },
|
||||
];
|
||||
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="elastic-effect"
|
||||
@@ -20,55 +25,43 @@ export default function AnalysisPage() {
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
{/* Navbar */}
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
brandName="FORMA"
|
||||
navItems={[
|
||||
{ name: "Features", id: "features" },
|
||||
{ name: "Pricing", id: "pricing" },
|
||||
{ name: "How It Works", id: "how-it-works" },
|
||||
{ name: "FAQ", id: "faq" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
navItems={navItems}
|
||||
button={{
|
||||
text: "Start Free Trial",
|
||||
href: "/app/upload",
|
||||
}}
|
||||
text: "Start Free Trial", href: "/app/upload"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
{/* Analysis Hero Section */}
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCarouselLogo
|
||||
logoText="FORMA"
|
||||
description="Your analysis is complete. View your muscle breakdown, weak points, and training priorities below."
|
||||
<HeroSplitTestimonial
|
||||
title="Your Analysis Complete"
|
||||
description="View your muscle breakdown, weak points, and training priorities below. Upload another photo to track your progress."
|
||||
background={{ variant: "plain" }}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AaI3bVZAjB9bZyI3Ta0WXumoTQ/analysis-output-card-with-four-scored-se-1772824175098-c1661045.png?_wi=5"
|
||||
imageAlt="Analysis output card with four scored sections"
|
||||
imagePosition="right"
|
||||
testimonials={[
|
||||
{
|
||||
name: "Marcus T.", handle: "Bodybuilder", testimonial: "The precision is unmatched. I know exactly what to focus on.", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AaI3bVZAjB9bZyI3Ta0WXumoTQ/professional-headshot-photo-of-athletic--1772824174347-5ac4230a.png?_wi=5"},
|
||||
{
|
||||
name: "Ryan K.", handle: "Coach", testimonial: "My clients see results faster with targeted feedback.", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AaI3bVZAjB9bZyI3Ta0WXumoTQ/professional-headshot-of-competitive-bod-1772824176102-f26d3b3f.png?_wi=5"},
|
||||
{
|
||||
name: "Sarah M.", handle: "Athlete", testimonial: "This beats paying for a coach. The analysis is detailed and actionable.", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AaI3bVZAjB9bZyI3Ta0WXumoTQ/professional-headshot-of-daniel-s-friend-1772824174548-a76403f2.png?_wi=5"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Analyze Another Photo →",
|
||||
href: "/app/upload",
|
||||
},
|
||||
text: "Analyze Another Photo →", href: "/app/upload"},
|
||||
]}
|
||||
slides={[
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AaI3bVZAjB9bZyI3Ta0WXumoTQ/analysis-output-card-with-four-scored-se-1772824175098-c1661045.png?_wi=5",
|
||||
imageAlt: "Analysis output card with four scored sections",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AaI3bVZAjB9bZyI3Ta0WXumoTQ/app-analysis-screen-with-header-a-1772824175215-8a1f52f2.png?_wi=1",
|
||||
imageAlt: "App analysis output screen with scores and recommendations",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AaI3bVZAjB9bZyI3Ta0WXumoTQ/app-progress-history-screen-with-chronol-1772824175692-b36928e8.png",
|
||||
imageAlt: "App progress history screen with past analyses",
|
||||
},
|
||||
]}
|
||||
autoplayDelay={5000}
|
||||
showDimOverlay={true}
|
||||
mediaAnimation="slide-up"
|
||||
buttonAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
{/* Analysis Breakdown Section */}
|
||||
<div id="analysis-breakdown" data-section="analysis-breakdown">
|
||||
<FeatureCardTwentyOne
|
||||
title="Your Physique Analysis"
|
||||
@@ -76,29 +69,17 @@ export default function AnalysisPage() {
|
||||
tag="Results"
|
||||
accordionItems={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Muscle Development Score: 78/100",
|
||||
content:
|
||||
"Your overall muscle development is solid with good definition across major muscle groups. Upper chest development is strong, but lower chest and rear delts need attention. Continue progressive overload on compound movements.",
|
||||
},
|
||||
id: "1", title: "Muscle Development Score: 78/100", content:
|
||||
"Your overall muscle development is solid with good definition across major muscle groups. Upper chest development is strong, but lower chest and rear delts need attention. Continue progressive overload on compound movements."},
|
||||
{
|
||||
id: "2",
|
||||
title: "Body Composition Score: 82/100",
|
||||
content:
|
||||
"Excellent body composition at 12.4% body fat. Muscle definition is clear and symmetry is well-balanced. Maintain current nutrition and training consistency to preserve lean mass.",
|
||||
},
|
||||
id: "2", title: "Body Composition Score: 82/100", content:
|
||||
"Excellent body composition at 12.4% body fat. Muscle definition is clear and symmetry is well-balanced. Maintain current nutrition and training consistency to preserve lean mass."},
|
||||
{
|
||||
id: "3",
|
||||
title: "Proportionality Score: 71/100",
|
||||
content:
|
||||
"Good overall balance but with notable weak points. Left shoulder appears slightly smaller than right. Quadriceps development is good but calves lag behind. Address these imbalances with targeted volume.",
|
||||
},
|
||||
id: "3", title: "Proportionality Score: 71/100", content:
|
||||
"Good overall balance but with notable weak points. Left shoulder appears slightly smaller than right. Quadriceps development is good but calves lag behind. Address these imbalances with targeted volume."},
|
||||
{
|
||||
id: "4",
|
||||
title: "Your Top 3 Training Priorities",
|
||||
content:
|
||||
"<strong>1. Lower Chest Development</strong> - Add 2-3 decline bench sessions per week with controlled tempo. Priority rank: HIGH<br><strong>2. Rear Deltoid Hypertrophy</strong> - Incorporate face pulls and reverse pec deck work 2x/week. Priority rank: HIGH<br><strong>3. Left Shoulder Symmetry</strong> - Unilateral work on left side for 4 weeks minimum. Priority rank: MEDIUM",
|
||||
},
|
||||
id: "4", title: "Your Top 3 Training Priorities", content:
|
||||
"<strong>1. Lower Chest Development</strong> - Add 2-3 decline bench sessions per week with controlled tempo. Priority rank: HIGH<br><strong>2. Rear Deltoid Hypertrophy</strong> - Incorporate face pulls and reverse pec deck work 2x/week. Priority rank: HIGH<br><strong>3. Left Shoulder Symmetry</strong> - Unilateral work on left side for 4 weeks minimum. Priority rank: MEDIUM"},
|
||||
]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AaI3bVZAjB9bZyI3Ta0WXumoTQ/app-analysis-screen-with-header-a-1772824175215-8a1f52f2.png?_wi=2"
|
||||
imageAlt="FORMA analysis output screen with all scores and metrics"
|
||||
@@ -107,78 +88,38 @@ export default function AnalysisPage() {
|
||||
mediaPosition="right"
|
||||
buttons={[
|
||||
{
|
||||
text: "Export Analysis",
|
||||
href: "#",
|
||||
},
|
||||
text: "Export Analysis", href: "#"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
{/* Footer */}
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
columns={[
|
||||
{
|
||||
title: "Product",
|
||||
items: [
|
||||
title: "Product", items: [
|
||||
{
|
||||
label: "Features",
|
||||
href: "#features",
|
||||
},
|
||||
label: "Features", href: "/app/upload"},
|
||||
{
|
||||
label: "How It Works",
|
||||
href: "#how-it-works",
|
||||
},
|
||||
label: "Pricing", href: "#pricing"},
|
||||
{
|
||||
label: "Pricing",
|
||||
href: "/pricing",
|
||||
},
|
||||
{
|
||||
label: "App",
|
||||
href: "/app",
|
||||
},
|
||||
label: "FAQ", href: "#faq"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#",
|
||||
},
|
||||
label: "Contact", href: "#"},
|
||||
{
|
||||
label: "Blog",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
label: "Blog", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Cookie Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Data Security",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms of Service", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user