From b36787433cfbab4eb292d4a1103b901117c4f4a5 Mon Sep 17 00:00:00 2001
From: Korbs <korbs@sudovanilla.com>
Date: Fri, 2 Feb 2024 16:10:54 -0500
Subject: [PATCH] Add product [page

---
 src/pages/index.astro | 56 +++++++++++++++++++++++++------------------
 1 file changed, 33 insertions(+), 23 deletions(-)

diff --git a/src/pages/index.astro b/src/pages/index.astro
index 07ed529..d3f0338 100644
--- a/src/pages/index.astro
+++ b/src/pages/index.astro
@@ -1,26 +1,28 @@
 ---
-import { changeLanguage } from "i18next";
-import Layout from "@layouts/Default.astro";
+import { changeLanguage } from "i18next"
+import Layout from "@layouts/Default.astro"
 // Componets
-import Hero from "@components/sections/Hero.astro";
-import Carousel from "@components/Carousel.astro";
-import Globe from "@components/globe.astro";
-import Card from "@components/Card.astro";
-import CardGrid from "@components/CardGrid.astro";
-import { Rocket, SelectPoint3d } from "@iconoir/vue";
+import Hero from "@components/sections/Hero.astro"
+import Carousel from "@components/Carousel.astro"
+import Globe from "@components/globe.astro"
+import Card from "@components/Card.astro"
+import CardGrid from "@components/CardGrid.astro"
+import { Rocket, SelectPoint3d } from "@iconoir/vue"
 
-changeLanguage("en");
+changeLanguage("en")
 ---
 
 <Layout Title="FluxNodess" Selected="Home">
     <Hero
+        CallToAction_Primary
+        CallToAction_Secondary
         Title="Start Hosting Today With Flux"
         Description="Start hosting your game server with our high quality hosting. Get started today in less than a minute."
-        CallToAction=true
         CallToAction_Primary_Text="Get Started"
         CallToAction_Primary_Link="/"
         CallToAction_Secondary_Text="Support"
         CallToAction_Secondary_Link="/support"
+        Image="/images/banners/Hero-Games.png"
     />
 
     <h2 style="text-align: center; font-size: 42px; padding: 0px 0px 24px 0px">Features</h2>
@@ -31,9 +33,9 @@ changeLanguage("en");
             Title="Product Title"
             Description="Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur."
             CallToAction=true
-            CallToAction_Primary_Link="#"
+            CallToAction_Primary_Link="/"
             CallToAction_Primary_Text="Create"
-            CallToAction_Secondary_Link="#"
+            CallToAction_Secondary_Link="/products/product_name"
             CallToAction_Secondary_Text="Learn More"
             >
             <SelectPoint3d/>
@@ -42,9 +44,9 @@ changeLanguage("en");
             Title="Product Title"
             Description="Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur."
             CallToAction=true
-            CallToAction_Primary_Link="#"
+            CallToAction_Primary_Link="/"
             CallToAction_Primary_Text="Create"
-            CallToAction_Secondary_Link="#"
+            CallToAction_Secondary_Link="/products/product_name"
             CallToAction_Secondary_Text="Learn More"
             >
             <SelectPoint3d/>
@@ -53,9 +55,9 @@ changeLanguage("en");
             Title="Product Title"
             Description="Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur."
             CallToAction=true
-            CallToAction_Primary_Link="#"
+            CallToAction_Primary_Link="/"
             CallToAction_Primary_Text="Create"
-            CallToAction_Secondary_Link="#"
+            CallToAction_Secondary_Link="/products/product_name"
             CallToAction_Secondary_Text="Learn More"
             >
             <SelectPoint3d/>
@@ -66,9 +68,9 @@ changeLanguage("en");
             Title="Product Title"
             Description="Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur."
             CallToAction=true
-            CallToAction_Primary_Link="#"
+            CallToAction_Primary_Link="/"
             CallToAction_Primary_Text="Create"
-            CallToAction_Secondary_Link="#"
+            CallToAction_Secondary_Link="/products/product_name"
             CallToAction_Secondary_Text="Learn More"
             >
             <SelectPoint3d/>
@@ -77,9 +79,9 @@ changeLanguage("en");
             Title="Product Title"
             Description="Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur."
             CallToAction=true
-            CallToAction_Primary_Link="#"
+            CallToAction_Primary_Link="/"
             CallToAction_Primary_Text="Create"
-            CallToAction_Secondary_Link="#"
+            CallToAction_Secondary_Link="/products/product_name"
             CallToAction_Secondary_Text="Learn More"
             >
             <SelectPoint3d/>
@@ -88,13 +90,21 @@ changeLanguage("en");
             Title="Product Title"
             Description="Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur."
             CallToAction=true
-            CallToAction_Primary_Link="#"
+            CallToAction_Primary_Link="/"
             CallToAction_Primary_Text="Create"
-            CallToAction_Secondary_Link="#"
+            CallToAction_Secondary_Link="/products/product_name"
             CallToAction_Secondary_Text="Learn More"
             >
             <SelectPoint3d/>
         </Card>
     </CardGrid>
     <Globe/>
-<Layout>
\ No newline at end of file
+<Layout>
+
+<style lang="scss" is:inline>
+.hero {
+    background-position: top !important;
+    background-size: contain !important;
+    background-repeat: no-repeat !important;
+}
+</style>
\ No newline at end of file