├── .gitignore ├── README.md ├── app ├── about │ └── page.tsx ├── blog-details │ └── page.tsx ├── blog │ └── page.tsx ├── contact │ └── page.tsx ├── error │ └── page.tsx ├── layout.tsx ├── page.tsx ├── pricing │ └── page.tsx ├── providers.tsx ├── signin │ └── page.tsx └── signup │ └── page.tsx ├── components ├── Breadcrumb.tsx ├── ScrollToTop │ ├── ScrollUp.tsx │ └── index.tsx └── SectionTitle.tsx ├── next.config.js ├── package-lock.json ├── package.json ├── postcss.config.js ├── public ├── favicon.ico └── images │ ├── 404.svg │ ├── about │ ├── about-image-2-dark.svg │ ├── about-image-2.svg │ ├── about-image-dark.svg │ └── about-image.svg │ ├── blog │ ├── author-01.png │ ├── blog-01.jpg │ ├── blog-02.jpg │ ├── blog-03.jpg │ ├── blog-details-01.jpg │ ├── blog-details-02.jpg │ ├── post-01.jpg │ ├── post-02.jpg │ └── post-03.jpg │ ├── brands │ ├── ayroui.svg │ ├── ecommerce-html.svg │ ├── gumroad.svg │ ├── hbomax.svg │ ├── loom.svg │ └── webflow.svg │ ├── favicon.png │ ├── logo │ ├── logo-2.svg │ └── logo.svg │ ├── testimonials │ ├── author-1.png │ ├── author-2.png │ ├── author-3.png │ ├── team-1.png │ ├── team-2.png │ └── team-3.png │ └── video │ ├── shape.svg │ └── video.jpg ├── sections ├── About │ ├── AboutSection.tsx │ └── Solutions.tsx ├── Blog │ ├── RelatedPost.tsx │ ├── SharePost.tsx │ ├── SingleBlog.tsx │ ├── TagButton.tsx │ ├── blogData.tsx │ └── index.tsx ├── Brands │ ├── brandsData.tsx │ └── index.tsx ├── Contact │ ├── NewsLatterBox.tsx │ └── index.tsx ├── Features │ ├── SingleFeature.tsx │ ├── featuresData.tsx │ └── index.tsx ├── Footer │ └── index.tsx ├── Header │ ├── ThemeToggler.tsx │ ├── index.tsx │ └── menuData.tsx ├── Hero │ └── index.tsx ├── Pricing │ ├── OfferList.tsx │ ├── PricingBox.tsx │ └── index.tsx ├── Testimonials │ ├── SingleTestimonial.tsx │ └── index.tsx └── Video │ └── index.tsx ├── styles └── index.css ├── tailwind.config.js ├── tsconfig.json ├── types ├── blog.ts ├── brand.ts ├── feature.ts ├── menu.ts └── testimonial.ts └── yarn.lock /.gitignore: -------------------------------------------------------------------------------- 1 | # See https://help.github.com/articles/ignoring-files/ for more about ignoring files. 2 | 3 | # dependencies 4 | /node_modules 5 | /.pnp 6 | .pnp.js 7 | 8 | # testing 9 | /coverage 10 | 11 | # next.js 12 | /.next/ 13 | /out/ 14 | 15 | # production 16 | /build 17 | 18 | # misc 19 | .DS_Store 20 | *.pem 21 | 22 | # debug 23 | npm-debug.log* 24 | yarn-debug.log* 25 | yarn-error.log* 26 | 27 | # local env files 28 | .env*.local 29 | 30 | # vercel 31 | .vercel 32 | 33 | # typescript 34 | *.tsbuildinfo 35 | next-env.d.ts 36 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # Flystar Saas 2 | 3 | This is a private repository for the Flystar SaaS Website, version 0.1.0. It comprises the frontend codebase for Flystar's Software as a Service (SaaS) platform, which includes a fully integrated blog section. 4 | 5 | ### Overview 6 | Flystar SaaS Website is a comprehensive solution designed to deliver a seamless experience for users interacting with Flystar's suite of services. In addition to its core SaaS functionalities, the website incorporates a dynamic blog section to keep users informed and engaged with the latest industry trends and company updates. 7 | 8 |
9 | ~ ~ 10 |
11 | 12 |
13 | 14 | https://github.com/Seyma44/flystar-saas-website/assets/3766249/cba5ff51-056b-4c24-acc1-b7bf387388b2 15 | 16 |

17 | seymaconnectSupport Me

18 | 19 |
20 | 21 | ## Getting Started 22 | 23 | First, run the development server: 24 | 25 | ```bash 26 | npm run dev 27 | # or 28 | yarn dev 29 | # or 30 | pnpm dev 31 | ``` 32 | 33 | ### Features 34 | - **SaaS Functionality**: Experience the full capabilities of Flystar's SaaS platform, offering intuitive tools and features to streamline workflows and enhance productivity. 35 | - **Interactive Blog**: Stay up-to-date with insightful articles and company news through the integrated blog section, providing valuable insights and resources for users. 36 | - **Next.js Framework**: Leveraging the power of Next.js, the website ensures efficient rendering, enhanced performance, and seamless navigation across various pages and components. 37 | - **Tailwind CSS Integration**: Utilizing Tailwind CSS, the website boasts a sleek and responsive design, delivering a visually appealing and user-friendly interface. 38 | - **TypeScript Support**: Benefit from enhanced code readability and maintainability with TypeScript, enabling robust type-checking and improved development workflows. 39 | 40 | ### Scripts 41 | - `dev`: Start the development server using Next.js. 42 | - `build`: Build the production-ready application. 43 | - `start`: Start the Next.js production server. 44 | - `lint`: Lint the codebase using ESLint. 45 | 46 | ### Dependencies 47 | 48 | Explore the Flystar SaaS Website repository to discover the innovative features and functionalities driving Flystar's online presence and SaaS offerings. 49 | 50 | -------------------------------------------------------------------------------- /app/about/page.tsx: -------------------------------------------------------------------------------- 1 | import AboutSection from "@/sections/About/AboutSection"; 2 | import Solutions from "@/sections/About/Solutions"; 3 | import Breadcrumb from "@/components/Breadcrumb"; 4 | 5 | import { Metadata } from "next"; 6 | 7 | export const metadata: Metadata = { 8 | title: "About Us | Web Design and Seo SaaS", 9 | description: "This is About Page for website", 10 | }; 11 | 12 | const AboutPage = () => { 13 | return ( 14 | <> 15 | 18 | 19 | 20 | 21 | ); 22 | }; 23 | 24 | export default AboutPage; 25 | -------------------------------------------------------------------------------- /app/blog/page.tsx: -------------------------------------------------------------------------------- 1 | import SingleBlog from "@/sections/Blog/SingleBlog"; 2 | import blogData from "@/sections/Blog/blogData"; 3 | import Breadcrumb from "@/components/Breadcrumb"; 4 | import { Metadata } from "next"; 5 | 6 | export const metadata: Metadata = { 7 | title: "Blog Page | Web Design and Seo SaaS", 8 | description: "This is Blog Page for website", 9 | }; 10 | 11 | const Blog = () => { 12 | return ( 13 | <> 14 | 17 |
18 |
19 |
20 | {blogData.map((blog) => ( 21 |
25 | 26 |
27 | ))} 28 |
29 | 30 |
34 |
35 | 90 |
91 |
92 |
93 |
94 | 95 | ); 96 | }; 97 | 98 | export default Blog; 99 | -------------------------------------------------------------------------------- /app/contact/page.tsx: -------------------------------------------------------------------------------- 1 | import Breadcrumb from "@/components/Breadcrumb"; 2 | import Contact from "@/sections/Contact"; 3 | 4 | import { Metadata } from "next"; 5 | 6 | export const metadata: Metadata = { 7 | title: "Contact | Web Design and Seo SaaS", 8 | description: "This is Contact Page for website", 9 | }; 10 | 11 | const ContactPage = () => { 12 | return ( 13 | <> 14 | 17 | 18 | 19 | ); 20 | }; 21 | 22 | export default ContactPage; 23 | -------------------------------------------------------------------------------- /app/layout.tsx: -------------------------------------------------------------------------------- 1 | "use client"; 2 | 3 | import Footer from "@/sections/Footer"; 4 | import Header from "@/sections/Header"; 5 | import ScrollToTop from "@/components/ScrollToTop"; 6 | import { Inter } from "next/font/google"; 7 | import "/node_modules/react-modal-video/css/modal-video.css"; 8 | import "../styles/index.css"; 9 | 10 | const inter = Inter({ subsets: ["latin"] }); 11 | 12 | export default function RootLayout({ 13 | children, 14 | }: { 15 | children: React.ReactNode; 16 | }) { 17 | return ( 18 | 19 | 20 | 21 |
22 | {children} 23 |