Compare commits
3 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
|
589b369b5f | ||
|
|
657e91abc9 | ||
|
|
a7ce20d4da |
5
.gitignore
vendored
5
.gitignore
vendored
@ -1,3 +1,8 @@
|
||||
node_modules/
|
||||
*/node_modules/
|
||||
*/build/
|
||||
|
||||
**/node_modules/
|
||||
**/build/
|
||||
.DS_Store
|
||||
.env
|
||||
File diff suppressed because one or more lines are too long
1
frontend/json/runtimeError.json
Normal file
1
frontend/json/runtimeError.json
Normal file
@ -0,0 +1 @@
|
||||
{}
|
||||
@ -2,9 +2,9 @@
|
||||
* @type {import('next').NextConfig}
|
||||
*/
|
||||
|
||||
const output = process.env.NODE_ENV === 'production' ? 'export' : 'standalone';
|
||||
const output = 'standalone';
|
||||
const nextConfig = {
|
||||
trailingSlash: true,
|
||||
trailingSlash: false,
|
||||
distDir: 'build',
|
||||
output,
|
||||
basePath: '',
|
||||
@ -27,34 +27,6 @@ const nextConfig = {
|
||||
],
|
||||
},
|
||||
|
||||
async rewrites() {
|
||||
return [
|
||||
{
|
||||
source: '/home',
|
||||
destination: '/web_pages/home',
|
||||
},
|
||||
|
||||
{
|
||||
source: '/about',
|
||||
destination: '/web_pages/about',
|
||||
},
|
||||
|
||||
{
|
||||
source: '/services',
|
||||
destination: '/web_pages/services',
|
||||
},
|
||||
|
||||
{
|
||||
source: '/contact',
|
||||
destination: '/web_pages/contact',
|
||||
},
|
||||
|
||||
{
|
||||
source: '/blog',
|
||||
destination: '/web_pages/blog',
|
||||
},
|
||||
];
|
||||
},
|
||||
};
|
||||
|
||||
export default nextConfig;
|
||||
|
||||
56
frontend/src/pages/[slug].tsx
Normal file
56
frontend/src/pages/[slug].tsx
Normal file
@ -0,0 +1,56 @@
|
||||
import React from 'react';
|
||||
import { GetServerSideProps } from 'next';
|
||||
import Head from 'next/head';
|
||||
import LayoutGuest from '../layouts/Guest';
|
||||
import WebSiteHeader from '../components/WebPageComponents/Header';
|
||||
import WebSiteFooter from '../components/WebPageComponents/Footer';
|
||||
import { baseURLApi, appTitle } from '../config';
|
||||
|
||||
interface PageProps {
|
||||
pageData: { title: string; content: string } | null;
|
||||
siteConfig?: { contactemail: string; contactphone: string };
|
||||
}
|
||||
|
||||
export default function Page({ pageData, siteConfig }: PageProps) {
|
||||
if (!pageData) {
|
||||
return <p className="p-8">Page not found</p>;
|
||||
}
|
||||
return (
|
||||
<div className="flex flex-col min-h-screen">
|
||||
<Head>
|
||||
<title>{`${pageData.title} — ${appTitle}`}</title>
|
||||
<meta name="description" content={pageData.content.substring(0, 160)} />
|
||||
</Head>
|
||||
<WebSiteHeader projectName={appTitle} />
|
||||
<main className="flex-grow container mx-auto py-8">
|
||||
<h1 className="text-4xl font-bold mb-4">{pageData.title}</h1>
|
||||
<div
|
||||
className="prose mx-auto"
|
||||
dangerouslySetInnerHTML={{ __html: pageData.content }}
|
||||
/>
|
||||
{siteConfig && (
|
||||
<div className="mt-8">
|
||||
<h2 className="text-2xl font-semibold mb-2">Contact Information</h2>
|
||||
<p>Email: {siteConfig.contactemail}</p>
|
||||
<p>Phone: {siteConfig.contactphone}</p>
|
||||
</div>
|
||||
)}
|
||||
</main>
|
||||
<WebSiteFooter projectName={appTitle} />
|
||||
</div>
|
||||
);
|
||||
}
|
||||
|
||||
export const getServerSideProps: GetServerSideProps = async ({ params }) => {
|
||||
const slug = params?.slug as string;
|
||||
const res = await fetch(`${baseURLApi}/pages?slug=${slug}`);
|
||||
const data = await res.json();
|
||||
const pageData = Array.isArray(data) && data.length > 0 ? data[0] : null;
|
||||
let siteConfig = null;
|
||||
if (slug === 'contact') {
|
||||
const resSC = await fetch(`${baseURLApi}/siteconfigs`);
|
||||
const sc = await resSC.json();
|
||||
siteConfig = Array.isArray(sc) && sc.length > 0 ? sc[0] : null;
|
||||
}
|
||||
return { props: { pageData, siteConfig } };
|
||||
};
|
||||
@ -1,139 +1,9 @@
|
||||
import React, { useEffect, useState } from 'react';
|
||||
import type { ReactElement } from 'react';
|
||||
import Head from 'next/head';
|
||||
import Link from 'next/link';
|
||||
import { useAppSelector } from '../stores/hooks';
|
||||
import LayoutGuest from '../layouts/Guest';
|
||||
import WebSiteHeader from '../components/WebPageComponents/Header';
|
||||
import WebSiteFooter from '../components/WebPageComponents/Footer';
|
||||
import {
|
||||
HeroDesigns,
|
||||
FeaturesDesigns,
|
||||
AboutUsDesigns,
|
||||
ContactFormDesigns,
|
||||
} from '../components/WebPageComponents/designs';
|
||||
import type { GetServerSideProps } from 'next';
|
||||
import Page, { getServerSideProps as getSlugProps } from './[slug]';
|
||||
|
||||
import HeroSection from '../components/WebPageComponents/HeroComponent';
|
||||
|
||||
import FeaturesSection from '../components/WebPageComponents/FeaturesComponent';
|
||||
|
||||
import AboutUsSection from '../components/WebPageComponents/AboutUsComponent';
|
||||
|
||||
import ContactFormSection from '../components/WebPageComponents/ContactFormComponent';
|
||||
|
||||
export default function WebSite() {
|
||||
const cardsStyle = useAppSelector((state) => state.style.cardsStyle);
|
||||
const bgColor = useAppSelector((state) => state.style.bgLayoutColor);
|
||||
const projectName = 'test-salem';
|
||||
|
||||
useEffect(() => {
|
||||
const darkElement = document.querySelector('body .dark');
|
||||
if (darkElement) {
|
||||
darkElement.classList.remove('dark');
|
||||
}
|
||||
}, []);
|
||||
const pages = [
|
||||
{
|
||||
href: '/home',
|
||||
label: 'home',
|
||||
},
|
||||
|
||||
{
|
||||
href: '/about',
|
||||
label: 'about',
|
||||
},
|
||||
|
||||
{
|
||||
href: '/services',
|
||||
label: 'services',
|
||||
},
|
||||
|
||||
{
|
||||
href: '/contact',
|
||||
label: 'contact',
|
||||
},
|
||||
|
||||
{
|
||||
href: '/blog',
|
||||
label: 'blog',
|
||||
},
|
||||
];
|
||||
|
||||
const features_points = [
|
||||
{
|
||||
name: 'Emotion Analytics',
|
||||
description:
|
||||
'Gain insights into human emotions and behaviors with real-time analytics. Enhance safety and productivity in various environments.',
|
||||
icon: 'mdiEmoticonHappyOutline',
|
||||
},
|
||||
{
|
||||
name: 'Industrial Inspection',
|
||||
description:
|
||||
'Seamlessly integrate AI-driven inspection modules to detect defects and ensure quality without new hardware investments.',
|
||||
icon: 'mdiFactory',
|
||||
},
|
||||
{
|
||||
name: 'Autonomous Robotics',
|
||||
description:
|
||||
'Automate complex manufacturing processes with modular robotic systems that adapt to changing production needs.',
|
||||
icon: 'mdiRobotIndustrial',
|
||||
},
|
||||
];
|
||||
|
||||
return (
|
||||
<div className='flex flex-col min-h-screen'>
|
||||
<Head>
|
||||
<title>{`IStreamLabs - Pioneering AI & Robotics Solutions`}</title>
|
||||
<meta
|
||||
name='description'
|
||||
content={`Discover IStreamLabs, an Egyptian deep tech startup specializing in cutting-edge AI and robotics solutions. Explore our innovative services and connect with us for consultations.`}
|
||||
/>
|
||||
</Head>
|
||||
<WebSiteHeader projectName={'test-salem'} pages={pages} />
|
||||
<main
|
||||
className={`flex-grow bg-skyBlueTheme-websiteBG rounded-none `}
|
||||
>
|
||||
<HeroSection
|
||||
projectName={'test-salem'}
|
||||
image={['AI-driven innovation in action']}
|
||||
mainText={`Revolutionize with ${projectName} AI Solutions`}
|
||||
subTitle={`${projectName} delivers cutting-edge AI and robotics solutions to transform industries, enhance productivity, and drive innovation. Join us in shaping the future.`}
|
||||
design={HeroDesigns.IMAGE_BG || ''}
|
||||
buttonText={`Explore Our Solutions`}
|
||||
/>
|
||||
|
||||
<FeaturesSection
|
||||
projectName={'test-salem'}
|
||||
image={['AI-powered solutions in action']}
|
||||
withBg={0}
|
||||
features={features_points}
|
||||
mainText={`Discover ${projectName} Key Features`}
|
||||
subTitle={`Explore the innovative features of ${projectName} that drive efficiency and innovation in AI and robotics.`}
|
||||
design={FeaturesDesigns.CARDS_GRID_WITH_ICONS || ''}
|
||||
/>
|
||||
|
||||
<AboutUsSection
|
||||
projectName={'test-salem'}
|
||||
image={['Team of AI experts']}
|
||||
mainText={`Meet the Innovators at ${projectName}`}
|
||||
subTitle={`At ${projectName}, we are a team of passionate scientists and engineers dedicated to transforming AI and robotics into impactful solutions. Our mission is to advance industries, health, and education through cutting-edge technology.`}
|
||||
design={AboutUsDesigns.IMAGE_LEFT || ''}
|
||||
buttonText={`Learn More About Us`}
|
||||
/>
|
||||
|
||||
<ContactFormSection
|
||||
projectName={'test-salem'}
|
||||
design={ContactFormDesigns.WITH_IMAGE || ''}
|
||||
image={['Contact us for inquiries']}
|
||||
mainText={`Connect with ${projectName} Today `}
|
||||
subTitle={`Reach out to us anytime for inquiries or consultations. Our team at ${projectName} is ready to assist you with your AI and robotics needs.`}
|
||||
/>
|
||||
</main>
|
||||
<WebSiteFooter projectName={'test-salem'} pages={pages} />
|
||||
</div>
|
||||
);
|
||||
}
|
||||
|
||||
WebSite.getLayout = function getLayout(page: ReactElement) {
|
||||
return <LayoutGuest>{page}</LayoutGuest>;
|
||||
export const getServerSideProps: GetServerSideProps = async () => {
|
||||
// Delegate to dynamic slug loader for home page
|
||||
return getSlugProps({ params: { slug: 'home' } } as any);
|
||||
};
|
||||
|
||||
export default Page;
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user