diff --git a/src/pages/home/HomePage.tsx b/src/pages/home/HomePage.tsx index fda37ac..6a84d43 100644 --- a/src/pages/home/HomePage.tsx +++ b/src/pages/home/HomePage.tsx @@ -4,7 +4,6 @@ import { AnimatedSection } from '../../components/AnimatedSection' import { CallToAction } from './CallToAction' import { HomeTab } from './HomeTab' import { HomeMap } from './HomeMap' -import { HomeAudience } from './HomeAudience' import { HomeAurora } from './HomeAurora' import { HomeArchitecture } from './HomeArchitecture'; import { HomeDesign } from './HomeDesign'; diff --git a/src/pages/network/NetworkPage.tsx b/src/pages/network/NetworkPage.tsx index 60d54fd..33cef5d 100644 --- a/src/pages/network/NetworkPage.tsx +++ b/src/pages/network/NetworkPage.tsx @@ -6,7 +6,7 @@ import { SecondaryFeatures } from './SecondaryFeatures' import { CallToAction } from './CallToAction' import { NetworkCapabilities } from './NetworkCapabilities' import { NetworkUsecases } from './NetworkUsecases' -import { NetworkPros } from './NetworkPros' +import { CloudPros } from './NetworkPros' export default function NetworkPage() { @@ -33,7 +33,7 @@ export default function NetworkPage() { - + diff --git a/src/pages/pods/PodsFeatures.tsx b/src/pages/pods/PodsFeatures.tsx index a5d99d6..a699231 100644 --- a/src/pages/pods/PodsFeatures.tsx +++ b/src/pages/pods/PodsFeatures.tsx @@ -115,19 +115,6 @@ export function PodsFeatures() {

{useCase.description}

- - {/* Bullet list */} - ))} diff --git a/src/pages/pods/PodsPage.tsx b/src/pages/pods/PodsPage.tsx index 53de015..824c354 100644 --- a/src/pages/pods/PodsPage.tsx +++ b/src/pages/pods/PodsPage.tsx @@ -1,22 +1,20 @@ import Homepod from './Homepod'; -import { PodCapabilities } from './PodCapabilities'; import { PodsHow } from './PodsHow'; import { PodsFeatures } from './PodsFeatures'; import { PodsDesign } from './PodsDesign'; import { PodsBenefits } from './PodsBenefits'; -import { PodsComing } from './PodsComing'; import { CallToAction } from './CallToAction'; +import { PodsWhat } from './PodsWhat'; const PodsPage = () => { return ( <> - + - ); diff --git a/src/pages/pods/PodsWhat.tsx b/src/pages/pods/PodsWhat.tsx new file mode 100644 index 0000000..36d9ccd --- /dev/null +++ b/src/pages/pods/PodsWhat.tsx @@ -0,0 +1,133 @@ +"use client"; + +import { Eyebrow, H3 } from "@/components/Texts"; + +const podCards = [ + { + id: "intro", + eyebrow: "Capabilities", + title: "What is a Pod?", + description: null, + image: null, + colSpan: "lg:col-span-3", + rowSpan: "lg:row-span-1", + custom: true, + noBorder: true, + }, + { + id: "home", + title: "Your private digital home on the decentralized internet", + description: + "Your Pod is a private digital home where apps, data, and identity live independently of Big Tech and central servers.", + image: "/images/test.png", + colSpan: "lg:col-span-3", + rowSpan: "lg:row-span-1", + rounded: "lg:rounded-tr-4xl max-lg:rounded-t-4xl", + innerRounded: "lg:rounded-tr-[calc(2rem+1px)] max-lg:rounded-t-[calc(2rem+1px)]", + }, + { + id: "control", + title: "An always-on space you fully control", + description: + "A dedicated, always-on environment you fully command — your own sovereign slice of the network that never goes offline.", + image: "/images/test.png", + colSpan: "lg:col-span-2", + rowSpan: "lg:row-span-1", + rounded: "lg:rounded-bl-4xl max-lg:rounded-b-4xl", + innerRounded: "lg:rounded-bl-[calc(2rem+1px)] max-lg:rounded-b-[calc(2rem+1px)]", + }, + { + id: "tools", + title: "Runs communication, storage, and collaboration tools", + description: + "Runs your communication, storage, and collaboration tools in a secure local environment without reliance on outside platforms.", + image: "/images/test.png", + colSpan: "lg:col-span-2", + rowSpan: "lg:row-span-1", + }, + { + id: "networking", + title: "Fully encrypted, federated peer-to-peer network", + description: + "Encrypted, federated peer-to-peer networking that links your Pod directly with trusted devices without intermediaries.", + image: "/images/test.png", + colSpan: "lg:col-span-2", + rowSpan: "lg:row-span-1", + rounded: "lg:rounded-br-4xl max-lg:rounded-b-4xl", + innerRounded: "lg:rounded-br-[calc(2rem+1px)] max-lg:rounded-b-[calc(2rem+1px)]", + }, +]; + +export function PodsWhat() { + return ( +
+ {/* Top horizontal line */} +
+
+ +
+
+ {podCards.map((card) => ( +
+ {/* Border wrapper for non-intro */} + {!card.noBorder && ( +
+ )} + +
+ {/* Image */} + {card.image ? ( +
+ {card.title} +
+ ) : ( +
+ )} + + {/* Text */} +
+ {card.custom ? ( + <> + {card.eyebrow} +

{card.title}

+ + ) : ( + <> +

+ {card.title} +

+

+ {card.description} +

+ + )} +
+
+ + {/* Outer shadow */} + {!card.noBorder && ( +
+ )} +
+ ))} +
+
+ +
+
+
+ ); +}