diff --git a/src/app/about/page.tsx b/src/app/about/page.tsx new file mode 100644 index 0000000..d5fede6 --- /dev/null +++ b/src/app/about/page.tsx @@ -0,0 +1,66 @@ +"use client"; +import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple'; +import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis'; +import SplitAbout from '@/components/sections/about/SplitAbout'; +import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider"; + +export default function AboutPage() { + const navItems = [ + { name: "Home", id: "/" }, + { name: "Products", id: "/products" }, + { name: "About Us", id: "/about" }, + { name: "Contact", id: "/contact" }, + { name: "FAQ", id: "/faq" } + ]; + const footerColumns = [ + { items: [{ label: "Urban Bikes", href: "/products" }, { label: "Mountain Bikes", href: "/products" }, { label: "Folding Bikes", href: "/products" }, { label: "Accessories", href: "/products" }] }, + { items: [{ label: "About Us", href: "/about" }, { label: "Our Story", href: "/about" }, { label: "Careers", href: "#" }, { label: "Blog", href: "#" }] }, + { items: [{ label: "FAQ", href: "/faq" }, { label: "Support", href: "/contact" }, { label: "Warranty", href: "#" }, { label: "Privacy Policy", href: "#" }] } + ]; + return ( + + +
+ +
+ +
+ ); +} \ No newline at end of file diff --git a/src/app/contact/page.tsx b/src/app/contact/page.tsx new file mode 100644 index 0000000..355c75a --- /dev/null +++ b/src/app/contact/page.tsx @@ -0,0 +1,70 @@ +"use client"; +import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple'; +import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis'; +import ContactSplitForm from '@/components/sections/contact/ContactSplitForm'; +import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider"; + +export default function ContactPage() { + const navItems = [ + { name: "Home", id: "/" }, + { name: "Products", id: "/products" }, + { name: "About Us", id: "/about" }, + { name: "Contact", id: "/contact" }, + { name: "FAQ", id: "/faq" } + ]; + const footerColumns = [ + { items: [{ label: "Urban Bikes", href: "/products" }, { label: "Mountain Bikes", href: "/products" }, { label: "Folding Bikes", href: "/products" }, { label: "Accessories", href: "/products" }] }, + { items: [{ label: "About Us", href: "/about" }, { label: "Our Story", href: "/about" }, { label: "Careers", href: "#" }, { label: "Blog", href: "#" }] }, + { items: [{ label: "FAQ", href: "/faq" }, { label: "Support", href: "/contact" }, { label: "Warranty", href: "#" }, { label: "Privacy Policy", href: "#" }] } + ]; + return ( + + +
+ +
+ +
+ ); +} \ No newline at end of file diff --git a/src/app/faq/page.tsx b/src/app/faq/page.tsx new file mode 100644 index 0000000..5e1cf2f --- /dev/null +++ b/src/app/faq/page.tsx @@ -0,0 +1,65 @@ +"use client"; +import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple'; +import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis'; +import FaqDouble from '@/components/sections/faq/FaqDouble'; +import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider"; + +export default function FAQPage() { + const navItems = [ + { name: "Home", id: "/" }, + { name: "Products", id: "/products" }, + { name: "About Us", id: "/about" }, + { name: "Contact", id: "/contact" }, + { name: "FAQ", id: "/faq" } + ]; + const footerColumns = [ + { items: [{ label: "Urban Bikes", href: "/products" }, { label: "Mountain Bikes", href: "/products" }, { label: "Folding Bikes", href: "/products" }, { label: "Accessories", href: "/products" }] }, + { items: [{ label: "About Us", href: "/about" }, { label: "Our Story", href: "/about" }, { label: "Careers", href: "#" }, { label: "Blog", href: "#" }] }, + { items: [{ label: "FAQ", href: "/faq" }, { label: "Support", href: "/contact" }, { label: "Warranty", href: "#" }, { label: "Privacy Policy", href: "#" }] } + ]; + return ( + + +
+ +
+ +
+ ); +} \ No newline at end of file diff --git a/src/app/i18n.ts b/src/app/i18n.ts new file mode 100644 index 0000000..3dd84ae --- /dev/null +++ b/src/app/i18n.ts @@ -0,0 +1,13 @@ +import { notFound } from 'next/navigation'; +import { getRequestConfig } from 'next-intl/server'; + +export const locales = ['en', 'fr', 'de', 'sv']; +export const defaultLocale = 'en'; + +export default getRequestConfig(async ({ locale }) => { + if (!locales.includes(locale as any)) notFound(); + + return { + messages: (await import(`../locales/${locale}.json`)).default + }; +}); \ No newline at end of file diff --git a/src/app/page.tsx b/src/app/page.tsx index 754f590..739222d 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -114,10 +114,11 @@ export default function HomePage() { columns={[ { items: [{ label: "Urban Bikes", href: "/products" }, { label: "Mountain Bikes", href: "/products" }, { label: "Folding Bikes", href: "/products" }, { label: "Accessories", href: "/products" }] }, { items: [{ label: "About Us", href: "/about" }, { label: "Our Story", href: "/about" }, { label: "Careers", href: "#" }, { label: "Blog", href: "#" }] }, - { items: [{ label: "FAQ", href: "/contact" }, { label: "Support", href: "/contact" }, { label: "Warranty", href: "#" }, { label: "Privacy Policy", href: "#" }] } + { items: [{ label: "FAQ", href: "/contact" }, { label: "Support", href: "/contact" }, { label: "Warranty", href: "#" }, { label: "Privacy Policy", href: "#" }] }, + { items: [{ label: "English", href: "/en" }, { label: "Español", href: "/es" }, { label: "Français", href: "/fr" }] } ]} /> ); -} \ No newline at end of file +} diff --git a/src/middleware.ts b/src/middleware.ts new file mode 100644 index 0000000..d0b0c80 --- /dev/null +++ b/src/middleware.ts @@ -0,0 +1,12 @@ +import createMiddleware from 'next-intl/middleware'; +import { locales, defaultLocale } from './i18n'; + +export default createMiddleware({ + locales, + defaultLocale, + localePrefix: 'as-needed' +}); + +export const config = { + matcher: ['/', '/(fr|de|sv|en)/:path*'] +}; \ No newline at end of file