diff --git a/components/_Core/Section/Header.tsx b/components/_Core/Section/Header.tsx index a0e22404..67bd8427 100644 --- a/components/_Core/Section/Header.tsx +++ b/components/_Core/Section/Header.tsx @@ -28,4 +28,4 @@ export default function Header() { ); -}; +}; \ No newline at end of file diff --git a/components/_Core/Section/Planet.tsx b/components/_Core/Section/Planet.tsx new file mode 100644 index 00000000..834972f7 --- /dev/null +++ b/components/_Core/Section/Planet.tsx @@ -0,0 +1,223 @@ +import * as React from "react"; + +interface PlanetProps { + backgroundImage: string; + logoImage: string; + planetName: string; + leftArrowImage: string; + rightArrowImage: string; + compassImage: string; + structureImage: string; + activeRoverImage: string; + idleRoverImage: string; + galleryImages: string[]; + centerButtonImage: string; +} + +const Planet: React.FC = ({ + backgroundImage, + logoImage, + planetName, + leftArrowImage, + rightArrowImage, + compassImage, + structureImage, + activeRoverImage, + idleRoverImage, + galleryImages, + centerButtonImage, +}) => { + return ( +
+
+ +
+ + +
+
+ ); +}; + +interface HeaderProps { + logoImage: string; + planetName: string; + leftArrowImage: string; + rightArrowImage: string; + compassImage: string; +} + +const Header: React.FC = ({ + logoImage, + planetName, + leftArrowImage, + rightArrowImage, + compassImage, +}) => { + return ( +
+
+ +
+
+
+ Main +
+
+ +
{planetName}
+ +
+
+ +
+
+
+ +
+
+ ); +}; + +interface RoverSectionProps { + structureImage: string; + activeRoverImage: string; + idleRoverImage: string; +} + +const RoverSection: React.FC = ({ + structureImage, + activeRoverImage, + idleRoverImage, +}) => { + return ( +
+
+
+
+
structure
+
+
+
+
+
+
+
+
+
+
+ Active +
+
+ rover +
+
+
+ +
+
+
+
+
+ Idle +
+
+ rover +
+
+
+ +
+
+
+
+
+
+
+
structure
+
+
+
+
+
+
+
+
+ ); +}; + +interface GalleryProps { + images: string[]; + centerButtonImage: string; +} + +const Gallery: React.FC = ({ images, centerButtonImage }) => { + return ( +
+
+
+
+
+ {images.map((image, index) => ( +
+ +
+
+ ))} +
+
+
+
+ +
+
+
+ ); +}; + +export default Planet; \ No newline at end of file diff --git a/pages/index.tsx b/pages/index.tsx index 75d99260..2953c590 100644 --- a/pages/index.tsx +++ b/pages/index.tsx @@ -21,6 +21,7 @@ export default function Home() {

Run into the shadows

 + // ); };