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 (
);
-});
+};
-SvgTextLogo.displayName = "SvgTextLogo";
-
-export default SvgTextLogo;
+export default SvgTextLogo;
\ No newline at end of file