Merge version_1 into main #2
@@ -108,13 +108,13 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
products={[
|
||||
{
|
||||
id: "phase-1", name: "Phase 1: Metabolic Mapping (Days 1-7)", price: "Week 1", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-mix-figs-nuts-plate-with-strawberries_23-2148352343.jpg?_wi=1", imageAlt: "Phase 1 nutrition planning and metabolic baseline", initialQuantity: 1
|
||||
id: "phase-1", name: "Phase 1: Metabolic Mapping (Days 1-7)", price: "Week 1", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-mix-figs-nuts-plate-with-strawberries_23-2148352343.jpg", imageAlt: "Phase 1 nutrition planning and metabolic baseline", initialQuantity: 1
|
||||
},
|
||||
{
|
||||
id: "phase-2", name: "Phase 2: Adaptive Fat Burn (Days 8-21)", price: "Weeks 2-3", imageSrc: "http://img.b2bpic.net/free-photo/person-sport-gym-using-kettlebells_23-2149255857.jpg?_wi=1", imageAlt: "Phase 2 training and fat burning exercises", initialQuantity: 1
|
||||
id: "phase-2", name: "Phase 2: Adaptive Fat Burn (Days 8-21)", price: "Weeks 2-3", imageSrc: "http://img.b2bpic.net/free-photo/person-sport-gym-using-kettlebells_23-2149255857.jpg", imageAlt: "Phase 2 training and fat burning exercises", initialQuantity: 1
|
||||
},
|
||||
{
|
||||
id: "phase-3", name: "Phase 3: Momentum & Maintenance (Days 22-28)", price: "Week 4", imageSrc: "http://img.b2bpic.net/free-vector/medical-booking-app_23-2148568819.jpg?_wi=1", imageAlt: "Phase 3 behavioral support and maintenance", initialQuantity: 1
|
||||
id: "phase-3", name: "Phase 3: Momentum & Maintenance (Days 22-28)", price: "Week 4", imageSrc: "http://img.b2bpic.net/free-vector/medical-booking-app_23-2148568819.jpg", imageAlt: "Phase 3 behavioral support and maintenance", initialQuantity: 1
|
||||
}
|
||||
]}
|
||||
/>
|
||||
@@ -149,13 +149,13 @@ export default function LandingPage() {
|
||||
animationType="slide-up"
|
||||
blogs={[
|
||||
{
|
||||
id: "sample-1", category: "Nutrition", title: "Sample Day Meal Plan: 1,850 Calories", excerpt: "Breakfast (480 cal) • Lunch (520 cal) • Dinner (650 cal) • Snack (200 cal) — Full macros & recipes included.", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-mix-figs-nuts-plate-with-strawberries_23-2148352343.jpg?_wi=2", imageAlt: "Sample meal plan nutrition guide", authorName: "Coach Elena", authorAvatar: "http://img.b2bpic.net/free-photo/side-view-smiley-woman-taking-selfie_23-2149832761.jpg", date: "Updated Weekly"
|
||||
id: "sample-1", category: "Nutrition", title: "Sample Day Meal Plan: 1,850 Calories", excerpt: "Breakfast (480 cal) • Lunch (520 cal) • Dinner (650 cal) • Snack (200 cal) — Full macros & recipes included.", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-mix-figs-nuts-plate-with-strawberries_23-2148352343.jpg", imageAlt: "Sample meal plan nutrition guide", authorName: "Coach Elena", authorAvatar: "http://img.b2bpic.net/free-photo/side-view-smiley-woman-taking-selfie_23-2149832761.jpg", date: "Updated Weekly"
|
||||
},
|
||||
{
|
||||
id: "sample-2", category: "Training", title: "Week 2 Workout: 30-Minute Adaptive Circuit", excerpt: "High-intensity intervals + strength training. Adjusts based on your fitness level. Video walkthrough included.", imageSrc: "http://img.b2bpic.net/free-photo/person-sport-gym-using-kettlebells_23-2149255857.jpg?_wi=2", imageAlt: "Sample workout training guide", authorName: "Coach Marcus", authorAvatar: "http://img.b2bpic.net/free-photo/young-sporty-woman-with-long-hair-black-top_176474-90335.jpg", date: "Updated Weekly"
|
||||
id: "sample-2", category: "Training", title: "Week 2 Workout: 30-Minute Adaptive Circuit", excerpt: "High-intensity intervals + strength training. Adjusts based on your fitness level. Video walkthrough included.", imageSrc: "http://img.b2bpic.net/free-photo/person-sport-gym-using-kettlebells_23-2149255857.jpg", imageAlt: "Sample workout training guide", authorName: "Coach Marcus", authorAvatar: "http://img.b2bpic.net/free-photo/young-sporty-woman-with-long-hair-black-top_176474-90335.jpg", date: "Updated Weekly"
|
||||
},
|
||||
{
|
||||
id: "sample-3", category: "Support", title: "Your 24/7 AI Coach + Community Chat", excerpt: "Real humans. Real answers. Real accountability. Chat with coaches and 8,000+ members pursuing the same goal.", imageSrc: "http://img.b2bpic.net/free-vector/medical-booking-app_23-2148568819.jpg?_wi=2", imageAlt: "Community support and coaching interface", authorName: "Support Team", authorAvatar: "http://img.b2bpic.net/free-photo/front-view-young-female-sport-outfit-holding-white-sign-measuring-her-body-white-wall-body-health-sport-beauty-exercises-fit_140725-85418.jpg", date: "Available Now"
|
||||
id: "sample-3", category: "Support", title: "Your 24/7 AI Coach + Community Chat", excerpt: "Real humans. Real answers. Real accountability. Chat with coaches and 8,000+ members pursuing the same goal.", imageSrc: "http://img.b2bpic.net/free-vector/medical-booking-app_23-2148568819.jpg", imageAlt: "Community support and coaching interface", authorName: "Support Team", authorAvatar: "http://img.b2bpic.net/free-photo/front-view-young-female-sport-outfit-holding-white-sign-measuring-her-body-white-wall-body-health-sport-beauty-exercises-fit_140725-85418.jpg", date: "Available Now"
|
||||
}
|
||||
]}
|
||||
/>
|
||||
@@ -242,7 +242,7 @@ export default function LandingPage() {
|
||||
title="Ready to Activate Your Metabolism?"
|
||||
description="Join 8,247 women who've already started their transformation. Secure your spot in the next 28-day cohort."
|
||||
tag="Limited Spots Available"
|
||||
textboxLayout="centered"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
animationType="slide-up"
|
||||
metrics={[
|
||||
|
||||
@@ -1,51 +1,39 @@
|
||||
"use client";
|
||||
|
||||
import { memo } from "react";
|
||||
import useSvgTextLogo from "./useSvgTextLogo";
|
||||
import { cls } from "@/lib/utils";
|
||||
import React from 'react';
|
||||
|
||||
interface SvgTextLogoProps {
|
||||
logoText: string;
|
||||
adjustHeightFactor?: number;
|
||||
verticalAlign?: "top" | "center";
|
||||
text: string;
|
||||
className?: string;
|
||||
}
|
||||
|
||||
const SvgTextLogo = memo<SvgTextLogoProps>(function SvgTextLogo({
|
||||
logoText,
|
||||
adjustHeightFactor,
|
||||
verticalAlign = "top",
|
||||
className = "",
|
||||
}) {
|
||||
const { svgRef, textRef, viewBox, aspectRatio } = useSvgTextLogo(logoText, false, adjustHeightFactor);
|
||||
|
||||
const SvgTextLogo: React.FC<SvgTextLogoProps> = ({ text, className = '' }) => {
|
||||
return (
|
||||
<svg
|
||||
ref={svgRef}
|
||||
viewBox={viewBox}
|
||||
className={cls("w-full", className)}
|
||||
style={{ aspectRatio: aspectRatio }}
|
||||
preserveAspectRatio="none"
|
||||
role="img"
|
||||
aria-label={`${logoText} logo`}
|
||||
viewBox="0 0 1000 200"
|
||||
className={`w-full h-auto ${className}`}
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
>
|
||||
<defs>
|
||||
<style>
|
||||
{`
|
||||
.text-logo {
|
||||
font-size: 120px;
|
||||
font-weight: bold;
|
||||
fill: currentColor;
|
||||
}
|
||||
`}
|
||||
</style>
|
||||
</defs>
|
||||
<text
|
||||
ref={textRef}
|
||||
x="0"
|
||||
y={verticalAlign === "center" ? "50%" : "0"}
|
||||
className="font-bold fill-current"
|
||||
style={{
|
||||
fontSize: "20px",
|
||||
letterSpacing: "-0.02em",
|
||||
dominantBaseline: verticalAlign === "center" ? "middle" : "text-before-edge"
|
||||
}}
|
||||
x="50%"
|
||||
y="50%"
|
||||
textAnchor="middle"
|
||||
dominantBaseline="middle"
|
||||
className="text-logo"
|
||||
>
|
||||
{logoText}
|
||||
{text}
|
||||
</text>
|
||||
</svg>
|
||||
);
|
||||
});
|
||||
|
||||
SvgTextLogo.displayName = "SvgTextLogo";
|
||||
};
|
||||
|
||||
export default SvgTextLogo;
|
||||
|
||||
Reference in New Issue
Block a user