diff --git a/src/app/about-us/page.tsx b/src/app/about-us/page.tsx index c3390e1..1e58feb 100644 --- a/src/app/about-us/page.tsx +++ b/src/app/about-us/page.tsx @@ -10,7 +10,7 @@ async function getData() { return { message: 'This data was fetched on the server!' }; } -export default async function Home() { +export default async function AboutUs() { const data = await getData(); return ( diff --git a/src/app/blog/page.tsx b/src/app/blog/page.tsx new file mode 100644 index 0000000..10cf9bc --- /dev/null +++ b/src/app/blog/page.tsx @@ -0,0 +1,24 @@ +import images from '@/assets/images/images'; +import InnerPageBanner from '@/components/layout/innerPages/banner'; +import PostsGrid from '@/components/pages/blog/PostsGrid'; +import { t } from '@/locales/translates'; + +async function getData() { + await new Promise((resolve) => setTimeout(resolve, 1000)); + return { message: 'This data was fetched on the server!' }; +} + +export default async function Blog() { + const data = await getData(); + + return ( +
+ + + +
+ ); +} diff --git a/src/app/contact-us/page.tsx b/src/app/contact-us/page.tsx new file mode 100644 index 0000000..13e9fc1 --- /dev/null +++ b/src/app/contact-us/page.tsx @@ -0,0 +1,124 @@ +import Button from '@/components/uikit/button'; +import Head from 'next/head'; + +export default function Contact() { + return ( +
+
+
+

+ Get in touch with us +

+

+ Reach out for any inquiries, support, or feedback—we’d love to hear + from you! +

+ +
+
+
+ + + +
+
+

Contact

+

+44 (0) 20 1234 5678

+
+
+ +
+
+ + + +
+
+

Email

+

support@mybusiness.com

+
+
+ +
+
+ + + +
+
+

Our Address

+

+ 123 Business Street, London EC1A 1BB, UK +

+
+
+
+
+ +
+

Contact me

+
+ + + + + + +
+
+
+ +
+
+
+
+ ); +} diff --git a/src/app/projects/page.tsx b/src/app/projects/page.tsx new file mode 100644 index 0000000..4c8a06c --- /dev/null +++ b/src/app/projects/page.tsx @@ -0,0 +1,24 @@ +import images from '@/assets/images/images'; +import InnerPageBanner from '@/components/layout/innerPages/banner'; +import ProjectsGrid from '@/components/pages/project/ProjectGrid'; +import { t } from '@/locales/translates'; + +async function getData() { + await new Promise((resolve) => setTimeout(resolve, 1000)); + return { message: 'This data was fetched on the server!' }; +} + +export default async function Projects() { + const data = await getData(); + + return ( +
+ + + +
+ ); +} diff --git a/src/assets/constants/routeFactory/index.ts b/src/assets/constants/routeFactory/index.ts index f4df29d..29a5d6c 100644 --- a/src/assets/constants/routeFactory/index.ts +++ b/src/assets/constants/routeFactory/index.ts @@ -16,6 +16,10 @@ export default { about: { title: t('pages_about_title'), route: () => '/about-us', + }, + blog: { + title: t('pages_blog_title'), + route: () => '/blog-us', }, contact: { title: t('pages_contact_title'), diff --git a/src/assets/images/blog_banner.jpeg b/src/assets/images/blog_banner.jpeg new file mode 100644 index 0000000..880c6e9 Binary files /dev/null and b/src/assets/images/blog_banner.jpeg differ diff --git a/src/assets/images/blog_img_1.jpeg b/src/assets/images/blog_img_1.jpeg new file mode 100644 index 0000000..1a68f07 Binary files /dev/null and b/src/assets/images/blog_img_1.jpeg differ diff --git a/src/assets/images/images.ts b/src/assets/images/images.ts index 14bc5a0..d79e79e 100644 --- a/src/assets/images/images.ts +++ b/src/assets/images/images.ts @@ -1,16 +1,21 @@ import homeBanner from './home_banner.jpg'; import logo from './logo.png'; import aboutBanner from './about_banner.png'; +import blogBanner from './blog_banner.jpeg'; import factoryVector from './factory_vector.png'; import aboutImg_1 from './about-img-1.png'; import aboutImg_2 from './about-img-2.png'; import homeProductBack from './home_product_back.jpeg'; import whatWeDoImage from './what-we-do-image.png'; - +import blogImg_1 from './blog_img_1.jpeg' +import projectImg_1 from './project_img_1.jpeg' export default { homeBanner, logo, aboutBanner, + blogImg_1, + blogBanner, + projectImg_1, factoryVector, aboutImg_1, aboutImg_2, diff --git a/src/assets/images/project_img_1.jpeg b/src/assets/images/project_img_1.jpeg new file mode 100644 index 0000000..231b944 Binary files /dev/null and b/src/assets/images/project_img_1.jpeg differ diff --git a/src/components/layout/navbar/index.tsx b/src/components/layout/navbar/index.tsx index 6ccace0..b2a464f 100644 --- a/src/components/layout/navbar/index.tsx +++ b/src/components/layout/navbar/index.tsx @@ -102,7 +102,7 @@ export default function Navbar() { const links = [ { href: '/', label: t('pages_home_title') as string }, { href: '/about', label: t('pages_about_title') as string }, - { href: '/blog', label: t('pages_contact_title') as string }, + { href: '/blog', label: t('pages_blog_title') as string }, { href: '/contact', label: t('pages_contact_title') as string }, { href: '/product', label: t('pages_products_title') as string }, { href: '/project', label: t('pages_projects_title') as string }, diff --git a/src/components/pages/blog/PostsGrid.tsx b/src/components/pages/blog/PostsGrid.tsx new file mode 100644 index 0000000..1d13e33 --- /dev/null +++ b/src/components/pages/blog/PostsGrid.tsx @@ -0,0 +1,64 @@ +import images from '@/assets/images/images'; +import Image from 'next/image'; + +const posts = [ + { + title: 'Sustainable Practices Reducing Waste in Industrial Production', + image: images.blogImg_1.src, + link: '#', + }, + { + title: 'Advanced Robotics Revolutionizing Industrial Workflows', + image: images.blogImg_1.src, + link: '#', + }, + { + title: 'Top Benefits of the Robotics in Manufacturing', + image: images.blogImg_1.src, + link: '#', + }, + { + title: 'Leveraging Data Analytics for Smarter Production', + image: images.blogImg_1.src, + link: '#', + }, + { + title: 'Reducing Operational Costs Through Automation', + image: '/images/post5.jpg', + link: '#', + }, + { + title: 'The Advantages of Customized Manufacturing Solutions', + image: '/images/post6.jpg', + link: '#', + }, +]; + +export default function PostsGrid() { + return ( +
+ {posts.map((post, index) => ( +
+
+ {post.title} +
+ +
+

{post.title}

+ + Read More → + +
+
+ ))} +
+ ); +} diff --git a/src/components/pages/project/ProjectGrid.tsx b/src/components/pages/project/ProjectGrid.tsx new file mode 100644 index 0000000..8149bf6 --- /dev/null +++ b/src/components/pages/project/ProjectGrid.tsx @@ -0,0 +1,63 @@ +import images from '@/assets/images/images'; +import Image from 'next/image'; +import Link from 'next/link'; + +const projects = [ + { + title: 'Sustainable Practices Reducing Waste in Industrial Production', + image: images.projectImg_1.src, + link: '#', + }, + { + title: 'Advanced Robotics Revolutionizing Industrial Workflows', + image: images.projectImg_1.src, + link: '#', + }, + { + title: 'Top Benefits of the Robotics in Manufacturing', + image: images.projectImg_1.src, + link: '#', + }, + { + title: 'Leveraging Data Analytics for Smarter Production', + image: images.projectImg_1.src, + link: '#', + }, + { + title: 'Reducing Operational Costs Through Automation', + image: '/images/post5.jpg', + link: '#', + }, + { + title: 'The Advantages of Customized Manufacturing Solutions', + image: '/images/post6.jpg', + link: '#', + }, +]; + +export default function ProjectsGrid() { + return ( +
+ {projects.map((project, index) => ( + +
+ {project.title} +
+ +
+

{project.title}

+
+ + ))} +
+ ); +} diff --git a/src/components/uikit/icons/instagramIcon.tsx b/src/components/uikit/icons/instagramIcon.tsx index 13f63a0..15c952c 100644 --- a/src/components/uikit/icons/instagramIcon.tsx +++ b/src/components/uikit/icons/instagramIcon.tsx @@ -7,7 +7,7 @@ export const InstagramIcon = (props: React.SVGProps) => ( fill="none" xmlns="http://www.w3.org/2000/svg" > - + ) => ( fill="none" xmlns="http://www.w3.org/2000/svg" > - +