diff --git a/src/app/about/page.tsx b/src/app/about/page.tsx new file mode 100644 index 0000000..10553de --- /dev/null +++ b/src/app/about/page.tsx @@ -0,0 +1,124 @@ +"use client"; + +import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider"; +import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline"; +import TextAbout from "@/components/sections/about/TextAbout"; +import MetricSplitMediaAbout from "@/components/sections/about/MetricSplitMediaAbout"; +import TeamCardSix from "@/components/sections/team/TeamCardSix"; +import ContactSplit from "@/components/sections/contact/ContactSplit"; +import FooterLogoReveal from "@/components/sections/footer/FooterLogoReveal"; +import { Users } from "lucide-react"; + +export default function AboutPage() { + return ( + + + +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ + +
+ ); +} diff --git a/src/app/contact/page.tsx b/src/app/contact/page.tsx new file mode 100644 index 0000000..4c4e099 --- /dev/null +++ b/src/app/contact/page.tsx @@ -0,0 +1,77 @@ +"use client"; + +import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider"; +import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline"; +import TextAbout from "@/components/sections/about/TextAbout"; +import ContactSplit from "@/components/sections/contact/ContactSplit"; +import FooterLogoReveal from "@/components/sections/footer/FooterLogoReveal"; + +export default function ContactPage() { + return ( + + + +
+ +
+ +
+ +
+ + +
+ ); +} diff --git a/src/app/layout.tsx b/src/app/layout.tsx index b276c0c..203ccda 100644 --- a/src/app/layout.tsx +++ b/src/app/layout.tsx @@ -1,51 +1,24 @@ import type { Metadata } from "next"; -import { Montserrat } from "next/font/google"; import { Inter } from "next/font/google"; import "./globals.css"; -import { ServiceWrapper } from "@/components/ServiceWrapper"; -import Tag from "@/tag/Tag"; - -const montserrat = Montserrat({ - variable: "--font-montserrat", subsets: ["latin"], -}); +import "./styles/variables.css"; +import "./styles/base.css"; const inter = Inter({ variable: "--font-inter", subsets: ["latin"], }); export const metadata: Metadata = { - title: "Thor Creations | Creative Design & Development Agency", description: "Transform your ideas into powerful digital experiences. Creative design, strategic digital solutions, and expert development for businesses.", keywords: "design agency, web development, digital strategy, creative studio, brand transformation", metadataBase: new URL("https://thorcreations.com"), - alternates: { - canonical: "https://thorcreations.com"}, - openGraph: { - title: "Thor Creations | Creative Design & Development Agency", description: "Expert creative and technical solutions for digital transformation and brand excellence.", url: "https://thorcreations.com", siteName: "Thor Creations", type: "website", images: [ - { - url: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AUwrsHiRXf8t31fiLqgeFrhEAX/uploaded-1772676089221-ibtouv31.jpg", alt: "Thor Creations - Creative & Development Agency"}, - ], - }, - twitter: { - card: "summary_large_image", title: "Thor Creations | Creative Design & Development", description: "Transform your vision with exceptional design and development solutions.", images: ["https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AUwrsHiRXf8t31fiLqgeFrhEAX/uploaded-1772676089221-ibtouv31.jpg"], - }, - robots: { - index: true, - follow: true, - }, -}; + title: "Thor Creations - Custom Vinyl Decals & Branded Merchandise", description: "Professional custom vinyl decals, branded merchandise, and design solutions for small business owners and contractors."}; export default function RootLayout({ children, -}: Readonly<{ +}: { children: React.ReactNode; -}>) { +}) { return ( - - - - - {children} - + + {children}