diff --git a/src/app/formula/page.tsx b/src/app/formula/page.tsx index 292b7b6..01a019b 100644 --- a/src/app/formula/page.tsx +++ b/src/app/formula/page.tsx @@ -6,7 +6,7 @@ import TextAbout from "@/components/sections/about/TextAbout"; import FeatureCardNine from "@/components/sections/feature/FeatureCardNine"; import MetricCardThree from "@/components/sections/metrics/MetricCardThree"; import FooterLogoEmphasis from "@/components/sections/footer/FooterLogoEmphasis"; -import { Sparkles, Shield, Gauge } from "lucide-react"; +import { Sparkles, Shield, Gauge, Zap, Plane, Navigation, Users, Volume2, Droplets } from "lucide-react"; export default function FormulaPage() { const navItems = [ @@ -62,7 +62,7 @@ export default function FormulaPage() { borderRadius="pill" contentWidth="smallMedium" sizing="largeSmallSizeLargeTitles" - background="noiseDiagonalGradient" + background="circleGradient" cardStyle="glass-depth" primaryButtonStyle="double-inset" secondaryButtonStyle="solid" @@ -99,59 +99,43 @@ export default function FormulaPage() { features={[ { id: 1, - title: "Distributed Electric Propulsion", - description: - "12 independent electric propellers powered by hydrogen fuel cells provide built-in redundancy and improved short-takeoff performance.", - phoneOne: { + title: "Distributed Electric Propulsion", description: + "12 independent electric propellers powered by hydrogen fuel cells provide built-in redundancy and improved short-takeoff performance.", phoneOne: { imageSrc: - "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aoj0oDInIDT466HysuFgt45FOJ/a-technical-3d-visualization-of-the-drag-1773265706139-e47e2b4c.png?_wi=3", - }, + "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aoj0oDInIDT466HysuFgt45FOJ/a-technical-3d-visualization-of-the-drag-1773265706139-e47e2b4c.png"}, phoneTwo: { imageSrc: - "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aoj0oDInIDT466HysuFgt45FOJ/a-close-up-detailed-view-of-a-single-pro-1773265705742-13df2aeb.png?_wi=3", - }, + "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aoj0oDInIDT466HysuFgt45FOJ/a-close-up-detailed-view-of-a-single-pro-1773265705742-13df2aeb.png"}, }, { id: 2, - title: "Zero Direct Emissions", - description: - "Hydrogen fuel cells produce only water vapor as a byproduct. Dragonfly delivers clean, quiet flight with zero pollutant emissions per passenger-kilometer.", - phoneOne: { + title: "Zero Direct Emissions", description: + "Hydrogen fuel cells produce only water vapor as a byproduct. Dragonfly delivers clean, quiet flight with zero pollutant emissions per passenger-kilometer.", phoneOne: { imageSrc: - "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aoj0oDInIDT466HysuFgt45FOJ/an-environmental-impact-visualization-sh-1773265706976-fb63f940.png?_wi=3", - }, + "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aoj0oDInIDT466HysuFgt45FOJ/an-environmental-impact-visualization-sh-1773265706976-fb63f940.png"}, phoneTwo: { imageSrc: - "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aoj0oDInIDT466HysuFgt45FOJ/a-serene-aerial-photograph-of-the-dragon-1773265705928-3c6b5127.png?_wi=2", - }, + "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aoj0oDInIDT466HysuFgt45FOJ/a-serene-aerial-photograph-of-the-dragon-1773265705928-3c6b5127.png"}, }, { id: 3, - title: "Extended Range & Rapid Refueling", - description: - "Hydrogen's high energy density enables 380-540 NM range depending on aircraft size, with refueling in under 10 minutes from a single port per wing.", - phoneOne: { + title: "Extended Range & Rapid Refueling", description: + "Hydrogen's high energy density enables 380-540 NM range depending on aircraft size, with refueling in under 10 minutes from a single port per wing.", phoneOne: { imageSrc: - "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aoj0oDInIDT466HysuFgt45FOJ/a-map-based-visualization-showing-the-dr-1773265706797-113b62c7.png?_wi=3", - }, + "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aoj0oDInIDT466HysuFgt45FOJ/a-map-based-visualization-showing-the-dr-1773265706797-113b62c7.png"}, phoneTwo: { imageSrc: - "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aoj0oDInIDT466HysuFgt45FOJ/a-technical-illustration-showing-hydroge-1773265708557-717d7a5a.png?_wi=2", - }, + "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aoj0oDInIDT466HysuFgt45FOJ/a-technical-illustration-showing-hydroge-1773265708557-717d7a5a.png"}, }, { id: 4, - title: "Modular & Maintainable", - description: - "Self-contained propulsion pods are easily interchangeable and independently removable, reducing maintenance costs and operational complexity.", - phoneOne: { + title: "Modular & Maintainable", description: + "Self-contained propulsion pods are easily interchangeable and independently removable, reducing maintenance costs and operational complexity.", phoneOne: { imageSrc: - "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aoj0oDInIDT466HysuFgt45FOJ/a-3d-technical-diagram-showing-the-modul-1773265706671-50571184.png?_wi=2", - }, + "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aoj0oDInIDT466HysuFgt45FOJ/a-3d-technical-diagram-showing-the-modul-1773265706671-50571184.png"}, phoneTwo: { imageSrc: - "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aoj0oDInIDT466HysuFgt45FOJ/a-photograph-or-illustration-of-aircraft-1773265707415-544adf58.png?_wi=2", - }, + "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aoj0oDInIDT466HysuFgt45FOJ/a-photograph-or-illustration-of-aircraft-1773265707415-544adf58.png"}, }, ]} showStepNumbers={true} @@ -168,12 +152,12 @@ export default function FormulaPage() { tag="Technical Specifications" tagIcon={Gauge} metrics={[ - { id: "1", icon: "Zap", title: "Total Power", value: "180-275 kW" }, - { id: "2", icon: "Plane", title: "Cruise Speed", value: "125-160 kt" }, - { id: "3", icon: "Navigation", title: "Max Range", value: "380-540 NM" }, - { id: "4", icon: "Users", title: "Seating", value: "4-6 Seats" }, - { id: "5", icon: "Volume2", title: "Cabin Noise", value: "70-75 dB" }, - { id: "6", icon: "Droplets", title: "Emissions", value: "Zero Pollutants" }, + { id: "1", icon: Zap, title: "Total Power", value: "180-275 kW" }, + { id: "2", icon: Plane, title: "Cruise Speed", value: "125-160 kt" }, + { id: "3", icon: Navigation, title: "Max Range", value: "380-540 NM" }, + { id: "4", icon: Users, title: "Seating", value: "4-6 Seats" }, + { id: "5", icon: Volume2, title: "Cabin Noise", value: "70-75 dB" }, + { id: "6", icon: Droplets, title: "Emissions", value: "Zero Pollutants" }, ]} textboxLayout="default" useInvertedBackground={false} diff --git a/src/app/page.tsx b/src/app/page.tsx index 5acb2fa..2616623 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -66,7 +66,7 @@ export default function HomePage() { borderRadius="pill" contentWidth="smallMedium" sizing="largeSmallSizeLargeTitles" - background="noiseDiagonalGradient" + background="circleGradient" cardStyle="glass-depth" primaryButtonStyle="double-inset" secondaryButtonStyle="solid" @@ -85,7 +85,7 @@ export default function HomePage() { @@ -296,47 +228,17 @@ export default function HomePage() { gridVariant="three-columns-all-equal-width" members={[ { - id: "1", - name: "Olivier Savin", - role: "Founder & CEO", - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aoj0oDInIDT466HysuFgt45FOJ/professional-headshot-photograph-of-a-mi-1773265706194-038d3da8.png?_wi=1", - imageAlt: "Olivier Savin, CEO and Founder", - }, + id: "1", name: "Olivier Savin", role: "Founder & CEO", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aoj0oDInIDT466HysuFgt45FOJ/professional-headshot-photograph-of-a-mi-1773265706194-038d3da8.png", imageAlt: "Olivier Savin, CEO and Founder"}, { - id: "2", - name: "Eric Bidinger", - role: "Co-Founder", - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aoj0oDInIDT466HysuFgt45FOJ/professional-headshot-photograph-of-a-ma-1773265706265-8c697b37.png?_wi=1", - imageAlt: "Eric Bidinger, Co-Founder", - }, + id: "2", name: "Eric Bidinger", role: "Co-Founder", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aoj0oDInIDT466HysuFgt45FOJ/professional-headshot-photograph-of-a-ma-1773265706265-8c697b37.png", imageAlt: "Eric Bidinger, Co-Founder"}, { - id: "3", - name: "Philippe Perrin", - role: "Head of Science", - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aoj0oDInIDT466HysuFgt45FOJ/professional-headshot-photograph-of-a-di-1773265706231-fde51acd.png?_wi=1", - imageAlt: "Philippe Perrin, Head of Science", - }, + id: "3", name: "Philippe Perrin", role: "Head of Science", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aoj0oDInIDT466HysuFgt45FOJ/professional-headshot-photograph-of-a-di-1773265706231-fde51acd.png", imageAlt: "Philippe Perrin, Head of Science"}, { - id: "4", - name: "Michel Aguado", - role: "Head of Programs", - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aoj0oDInIDT466HysuFgt45FOJ/professional-headshot-photograph-of-a-ma-1773265705446-53607879.png?_wi=1", - imageAlt: "Michel Aguado, Head of Programs", - }, + id: "4", name: "Michel Aguado", role: "Head of Programs", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aoj0oDInIDT466HysuFgt45FOJ/professional-headshot-photograph-of-a-ma-1773265705446-53607879.png", imageAlt: "Michel Aguado, Head of Programs"}, { - id: "5", - name: "Laurent Berdoulat", - role: "Head of Flight Physics", - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aoj0oDInIDT466HysuFgt45FOJ/professional-headshot-photograph-of-a-ma-1773265705945-a530ad2b.png?_wi=1", - imageAlt: "Laurent Berdoulat, Head of Flight Physics", - }, + id: "5", name: "Laurent Berdoulat", role: "Head of Flight Physics", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aoj0oDInIDT466HysuFgt45FOJ/professional-headshot-photograph-of-a-ma-1773265705945-a530ad2b.png", imageAlt: "Laurent Berdoulat, Head of Flight Physics"}, { - id: "6", - name: "Catherine Giudicelli", - role: "Certification Lead", - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aoj0oDInIDT466HysuFgt45FOJ/professional-headshot-photograph-of-a-fe-1773265707485-17b1db22.png?_wi=1", - imageAlt: "Catherine Giudicelli, Certification Lead", - }, + id: "6", name: "Catherine Giudicelli", role: "Certification Lead", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aoj0oDInIDT466HysuFgt45FOJ/professional-headshot-photograph-of-a-fe-1773265707485-17b1db22.png", imageAlt: "Catherine Giudicelli, Certification Lead"}, ]} /> diff --git a/src/components/shared/SvgTextLogo/SvgTextLogo.tsx b/src/components/shared/SvgTextLogo/SvgTextLogo.tsx index f214190..843bc5b 100644 --- a/src/components/shared/SvgTextLogo/SvgTextLogo.tsx +++ b/src/components/shared/SvgTextLogo/SvgTextLogo.tsx @@ -1,51 +1,38 @@ -"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; + fontSize?: number; + fontWeight?: string | number; + dominantBaseline?: string; } -const SvgTextLogo = memo(function SvgTextLogo({ - logoText, - adjustHeightFactor, - verticalAlign = "top", - className = "", -}) { - const { svgRef, textRef, viewBox, aspectRatio } = useSvgTextLogo(logoText, false, adjustHeightFactor); - +export const SvgTextLogo: React.FC = ({ + text, + className = "", fontSize = 32, + fontWeight = "bold", dominantBaseline = "central"}) => { return ( - {logoText} + {text} ); -}); +}; -SvgTextLogo.displayName = "SvgTextLogo"; - -export default SvgTextLogo; +export default SvgTextLogo; \ No newline at end of file