+
Select a subscription plan for your team or try advanced
functionality for free.
}
/>
-
+
-
- {process.env.NEXT_PUBLIC_GOOGLE_ANALYTICS ? (
-
- {/* Page content */}
+
- {/* Site header */}
-
+ */}
+ {children}
diff --git a/Frontend/app/page.tsx b/Frontend/app/page.tsx
index d07e0bc..80cc7b4 100644
--- a/Frontend/app/page.tsx
+++ b/Frontend/app/page.tsx
@@ -3,13 +3,19 @@ import HeroHome from "@/sections/HeroHome";
import FeaturesBlocks from "@/sections/FeaturesBlocks";
import FeaturesZigZag from "@/sections/FeaturesZigzag";
import Newsletter from "@/sections/Newsletter/Newsletter";
-import HeroVideo from "@/sections/HeroVideo";
import Aos from "aos";
import "aos/dist/aos.css";
import { useEffect } from "react";
import React from "react";
import { FrequentlyAsked } from "@/sections/FrequentlyAsked";
import { Testimonial } from "@/sections/Testimonial";
+import {
+ CenterAllignedWithVideoHero,
+ SquaredBackgroundHero,
+} from "@/sections/HeroSections";
+import Spacer from "@/components/Spacer";
+import LandingPage from "@/pages/LandingPage";
+import LandingPageWaitingList from "@/pages/LandingPageWaitingList";
export default function Home() {
useEffect(() => {
@@ -24,13 +30,17 @@ export default function Home() {
return (
<>
{/* Page sections */}
- {children}
+}
+
+export function GTagProvider() {
+ return process.env.NEXT_PUBLIC_GOOGLE_ANALYTICS ? (
+
@@ -61,20 +26,48 @@ function Header({ isUserLoggedIn }: HeaderProps) {
diff --git a/Frontend/components/Spacer.tsx b/Frontend/components/Spacer.tsx
new file mode 100644
index 0000000..36fbb16
--- /dev/null
+++ b/Frontend/components/Spacer.tsx
@@ -0,0 +1,12 @@
+import React, { ReactHTMLElement } from "react";
+
+const Spacer = (
+ props: React.DetailedHTMLProps<
+ React.HTMLAttributes,
+ HTMLDivElement
+ >
+) => {
+ return ;
+};
+
+export default Spacer;
diff --git a/Frontend/package.json b/Frontend/package.json
index c2afcfb..ab88b60 100644
--- a/Frontend/package.json
+++ b/Frontend/package.json
@@ -1,5 +1,5 @@
{
- "name": "sign365website",
+ "name": "fastpocket",
"version": "0.1.0",
"private": true,
"scripts": {
diff --git a/Frontend/pages/LandingPage.tsx b/Frontend/pages/LandingPage.tsx
new file mode 100644
index 0000000..4160bc0
--- /dev/null
+++ b/Frontend/pages/LandingPage.tsx
@@ -0,0 +1,65 @@
+import React from "react";
+
+const LandingPage = () => {
+ return (
+
+ {/* ========== END HEADER ========== */}
+ {/* ========== MAIN CONTENT ========== */}
+
+
+
+ Cover Page
+
+
+ Cover is a one-page template for building simple and beautiful home
+ pages using Tailwind CSS.
+
+
+
+
+ {/* ========== END MAIN CONTENT ========== */}
+ {/* ========== FOOTER ========== */}
+
+ {/* ========== END FOOTER ========== */}
+
+ );
+};
+
+export default LandingPage;
diff --git a/Frontend/pages/LandingPageWaitingList.tsx b/Frontend/pages/LandingPageWaitingList.tsx
new file mode 100644
index 0000000..3cd0cf3
--- /dev/null
+++ b/Frontend/pages/LandingPageWaitingList.tsx
@@ -0,0 +1,159 @@
+import React from "react";
+
+const LandingPageWaitingList = () => {
+ return (
+ <>
+ {/* ========== MAIN CONTENT ========== */}
+
+
+
+
+ Get notified when we launch
+
+
+
+ Preline Pro
+
+
+
+
+
+ {/* ========== END MAIN CONTENT ========== */}
+ {/* ========== FOOTER ========== */}
+
+ {/* ========== END FOOTER ========== */}
+
+ );
+};
+
+export default LandingPageWaitingList;
diff --git a/Frontend/sections/HeroSections/CenterAllignedWithVideoHero.tsx b/Frontend/sections/HeroSections/CenterAllignedWithVideoHero.tsx
new file mode 100644
index 0000000..dd0fd6b
--- /dev/null
+++ b/Frontend/sections/HeroSections/CenterAllignedWithVideoHero.tsx
@@ -0,0 +1,34 @@
+import React from "react";
+import Video from "../Video";
+
+const CenterAllignedWithVideoHero = () => {
+ return (
+ <>
+ {/* Hero */}
+
+
+
+
+ Fast Pocket
+
+
+ Build your startup here. Launch it anywhere.
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {/* End Hero */}
+
+ );
+};
+
+export default CenterAllignedWithVideoHero;
diff --git a/Frontend/sections/HeroSections/SquaredBackgroundHero.tsx b/Frontend/sections/HeroSections/SquaredBackgroundHero.tsx
new file mode 100644
index 0000000..e2427de
--- /dev/null
+++ b/Frontend/sections/HeroSections/SquaredBackgroundHero.tsx
@@ -0,0 +1,402 @@
+import React from "react";
+
+const SquaredBackgroundHero = () => {
+ return (
+ <>
+ {/* Hero */}
+
+ {/* Grid */}
+
+
+
+ Start your journey with{" "}
+ Fast Pocket
+
+
+ Hand-picked professionals and expertly crafted components,
+ designed for any kind of entrepreneur.
+
+ {/* Buttons */}
+
+ {/* End Buttons */}
+ {/* Review */}
+
+ {/* Review */}
+
+
+
+
+
+
+
+
+
+ 4.6 /5 - from 12k reviews
+
+
+ {/* Star */}
+
+ {/* End Star */}
+
+
+ {/* End Review */}
+ {/* Review */}
+
+
+
+
+
+
+
+
+
+ 4.8 /5 - from 5k reviews
+
+
+ {/* Star */}
+
+ {/* End Star */}
+
+
+ {/* End Review */}
+
+ {/* End Review */}
+
+ {/* End Col */}
+
+ 
+
+ {/* SVG*/}
+
+
+
+ {/* End SVG*/}
+
+ {/* End Col */}
+
+ {/* End Grid */}
+
+ {/* End Hero */}
+
+ );
+};
+
+export default SquaredBackgroundHero;
diff --git a/Frontend/sections/HeroSections/index.ts b/Frontend/sections/HeroSections/index.ts
new file mode 100644
index 0000000..823dad6
--- /dev/null
+++ b/Frontend/sections/HeroSections/index.ts
@@ -0,0 +1,6 @@
+import SquaredBackgroundHero from "./SquaredBackgroundHero";
+import CenterAllignedWithVideoHero from "./CenterAllignedWithVideoHero";
+export {
+ SquaredBackgroundHero,
+ CenterAllignedWithVideoHero
+};
\ No newline at end of file
diff --git a/Frontend/sections/PageHeader.tsx b/Frontend/sections/PageHeader.tsx
index a0b7577..852423f 100644
--- a/Frontend/sections/PageHeader.tsx
+++ b/Frontend/sections/PageHeader.tsx
@@ -6,7 +6,7 @@ interface PageHeaderProps {
}
function PageHeader({ title, subtitle }: PageHeaderProps) {
return (
-
+
{title}
{subtitle}
diff --git a/Frontend/sections/HeroVideo.tsx b/Frontend/sections/Video.tsx
similarity index 91%
rename from Frontend/sections/HeroVideo.tsx
rename to Frontend/sections/Video.tsx
index 7a0a0fe..cf1fe19 100644
--- a/Frontend/sections/HeroVideo.tsx
+++ b/Frontend/sections/Video.tsx
@@ -4,7 +4,7 @@ import YouTubeFrame from "@/components/YoutubeEmbed";
import React from "react";
import { useState, useEffect } from "react";
-function HeroVideo() {
+function Video() {
const [windowWidth, setWindowWidth] = useState(0);
useEffect(() => {
@@ -38,4 +38,4 @@ function HeroVideo() {
);
}
-export default HeroVideo;
+export default Video;
diff --git a/Frontend/tailwind.config.ts b/Frontend/tailwind.config.ts
index d032565..0e05f10 100644
--- a/Frontend/tailwind.config.ts
+++ b/Frontend/tailwind.config.ts
@@ -94,6 +94,6 @@ const config: Config = {
},
},
},
- plugins: [require("@tailwindcss/forms"), require("daisyui"), require("@tailwindcss/typography"), require('preline/plugin')],
+ plugins: [require("@tailwindcss/forms"), require("@tailwindcss/typography"), require("daisyui"), require('preline/plugin')],
};
export default config;
{products.map((x, i) => (
- {/* Site header */}
-
-
@@ -61,20 +26,48 @@ function Header({ isUserLoggedIn }: HeaderProps) {
diff --git a/Frontend/components/Spacer.tsx b/Frontend/components/Spacer.tsx
new file mode 100644
index 0000000..36fbb16
--- /dev/null
+++ b/Frontend/components/Spacer.tsx
@@ -0,0 +1,12 @@
+import React, { ReactHTMLElement } from "react";
+
+const Spacer = (
+ props: React.DetailedHTMLProps<
+ React.HTMLAttributes
+ {/* ========== END HEADER ========== */}
+ {/* ========== MAIN CONTENT ========== */}
+
+
+ {/* ========== END MAIN CONTENT ========== */}
+ {/* ========== FOOTER ========== */}
+
+ {/* ========== END FOOTER ========== */}
+
+ );
+};
+
+export default LandingPage;
diff --git a/Frontend/pages/LandingPageWaitingList.tsx b/Frontend/pages/LandingPageWaitingList.tsx
new file mode 100644
index 0000000..3cd0cf3
--- /dev/null
+++ b/Frontend/pages/LandingPageWaitingList.tsx
@@ -0,0 +1,159 @@
+import React from "react";
+
+const LandingPageWaitingList = () => {
+ return (
+ <>
+ {/* ========== MAIN CONTENT ========== */}
+
+
+ + Cover Page +
++ Cover is a one-page template for building simple and beautiful home + pages using Tailwind CSS. +
+ +
+
+
+ + Get notified when we launch +
++ + Preline Pro + +
+ +
+
+ {/* End Hero */}
+
+ );
+};
+
+export default CenterAllignedWithVideoHero;
diff --git a/Frontend/sections/HeroSections/SquaredBackgroundHero.tsx b/Frontend/sections/HeroSections/SquaredBackgroundHero.tsx
new file mode 100644
index 0000000..e2427de
--- /dev/null
+++ b/Frontend/sections/HeroSections/SquaredBackgroundHero.tsx
@@ -0,0 +1,402 @@
+import React from "react";
+
+const SquaredBackgroundHero = () => {
+ return (
+ <>
+ {/* Hero */}
+
+
+
+
+ + Fast Pocket +
++ Build your startup here. Launch it anywhere. +
+
+
+
+
+
+
+
+
+
+
+ {/* Grid */}
+
+ {/* End Hero */}
+
+ );
+};
+
+export default SquaredBackgroundHero;
diff --git a/Frontend/sections/HeroSections/index.ts b/Frontend/sections/HeroSections/index.ts
new file mode 100644
index 0000000..823dad6
--- /dev/null
+++ b/Frontend/sections/HeroSections/index.ts
@@ -0,0 +1,6 @@
+import SquaredBackgroundHero from "./SquaredBackgroundHero";
+import CenterAllignedWithVideoHero from "./CenterAllignedWithVideoHero";
+export {
+ SquaredBackgroundHero,
+ CenterAllignedWithVideoHero
+};
\ No newline at end of file
diff --git a/Frontend/sections/PageHeader.tsx b/Frontend/sections/PageHeader.tsx
index a0b7577..852423f 100644
--- a/Frontend/sections/PageHeader.tsx
+++ b/Frontend/sections/PageHeader.tsx
@@ -6,7 +6,7 @@ interface PageHeaderProps {
}
function PageHeader({ title, subtitle }: PageHeaderProps) {
return (
-
+
+ {/* End Grid */}
+
+
+ {/* End Col */}
+ + Start your journey with{" "} + Fast Pocket +
++ Hand-picked professionals and expertly crafted components, + designed for any kind of entrepreneur. +
+ {/* Buttons */} + + {/* End Buttons */} + {/* Review */} +
+ {/* Review */}
+
+ {/* End Review */}
+
+
+ {/* End Review */}
+ {/* Review */}
+
+
+
+
+
+
+
+ + 4.6 /5 - from 12k reviews +
+
+ {/* Star */}
+
+ {/* End Star */}
+
+
+
+ {/* End Review */}
+
+
+
+
+
+
+
+ + 4.8 /5 - from 5k reviews +
+
+ {/* Star */}
+
+ {/* End Star */}
+
+
+
+
+ {/* SVG*/}
+
+ {/* End Col */}
+
+
+ {/* SVG*/}
+
+
+
+ {/* End SVG*/}
+
+
diff --git a/Frontend/sections/HeroVideo.tsx b/Frontend/sections/Video.tsx
similarity index 91%
rename from Frontend/sections/HeroVideo.tsx
rename to Frontend/sections/Video.tsx
index 7a0a0fe..cf1fe19 100644
--- a/Frontend/sections/HeroVideo.tsx
+++ b/Frontend/sections/Video.tsx
@@ -4,7 +4,7 @@ import YouTubeFrame from "@/components/YoutubeEmbed";
import React from "react";
import { useState, useEffect } from "react";
-function HeroVideo() {
+function Video() {
const [windowWidth, setWindowWidth] = useState(0);
useEffect(() => {
@@ -38,4 +38,4 @@ function HeroVideo() {
);
}
-export default HeroVideo;
+export default Video;
diff --git a/Frontend/tailwind.config.ts b/Frontend/tailwind.config.ts
index d032565..0e05f10 100644
--- a/Frontend/tailwind.config.ts
+++ b/Frontend/tailwind.config.ts
@@ -94,6 +94,6 @@ const config: Config = {
},
},
},
- plugins: [require("@tailwindcss/forms"), require("daisyui"), require("@tailwindcss/typography"), require('preline/plugin')],
+ plugins: [require("@tailwindcss/forms"), require("@tailwindcss/typography"), require("daisyui"), require('preline/plugin')],
};
export default config;