diff --git a/src/app/about/page.tsx b/src/app/about/page.tsx index 3609887..2fef204 100644 --- a/src/app/about/page.tsx +++ b/src/app/about/page.tsx @@ -68,7 +68,7 @@ export default function AboutPage() { author: "Three.js Engine", description: "Advanced WebGL-based rendering with full control over geometry, materials, and lighting", tags: ["WebGL", "GPU-Optimized", "Progressive Enhancement"], - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BH1CNbMoLvPF0f2l9kfAHlr1S4/a-technical-illustration-of-three-js-3d--1774135451076-2822b4d4.png", + imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BH1CNbMoLvPF0f2l9kfAHlr1S4/a-technical-illustration-of-three-js-3d--1774135451076-2822b4d4.png?_wi=2", imageAlt: "Three.js 3D rendering engine visualization", }, { @@ -77,7 +77,7 @@ export default function AboutPage() { author: "Babylon.js", description: "Fully interactive 3D scenes with realistic physics simulations and collision detection", tags: ["Physics Engine", "Real-Time Interaction", "Cross-Device"], - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BH1CNbMoLvPF0f2l9kfAHlr1S4/babylon-js-physics-engine-visualization--1774135451714-8d43ce4a.png", + imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BH1CNbMoLvPF0f2l9kfAHlr1S4/babylon-js-physics-engine-visualization--1774135451714-8d43ce4a.png?_wi=2", imageAlt: "Babylon.js physics engine visualization", }, { @@ -86,7 +86,7 @@ export default function AboutPage() { author: "GreenSock", description: "Scroll-linked animations and keyframe sequencing for precise motion control", tags: ["Timeline Animations", "Scroll-Driven", "Micro-Interactions"], - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BH1CNbMoLvPF0f2l9kfAHlr1S4/gsap-animation-timeline-and-keyframe-vis-1774135452009-4d55d98e.png", + imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BH1CNbMoLvPF0f2l9kfAHlr1S4/gsap-animation-timeline-and-keyframe-vis-1774135452009-4d55d98e.png?_wi=2", imageAlt: "GSAP animation timeline and keyframe visualization", }, ]} diff --git a/src/app/layout.tsx b/src/app/layout.tsx index edb6b42..75307f5 100644 --- a/src/app/layout.tsx +++ b/src/app/layout.tsx @@ -1,28 +1,58 @@ import type { Metadata } from "next"; import { Halant } from "next/font/google"; +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"; import { getVisualEditScript } from "@/utils/visual-edit-script"; -import { Montserrat } from "next/font/google"; - - -export const metadata: Metadata = { - title: "Webild components 2", - description: "Generated by create next app", -}; +const halant = Halant({ + variable: "--font-halant", + subsets: ["latin"], + weight: ["300", "400", "500", "600", "700"], +}); const montserrat = Montserrat({ variable: "--font-montserrat", subsets: ["latin"], }); + const inter = Inter({ variable: "--font-inter", subsets: ["latin"], }); +export const metadata: Metadata = { + title: "Techniks | Premium 3D E-Commerce Platform", + description: "Experience the future of e-commerce with Techniks. Immersive 3D product visualization, liquid glass UI, and futuristic shopping experiences powered by Three.js and GSAP.", + keywords: "3D e-commerce, product visualization, WebGL, Three.js, Babylon.js, liquid glass UI, premium shopping, interactive products", + openGraph: { + title: "Techniks | Premium 3D E-Commerce", + description: "Immersive 3D product visualization and premium e-commerce experiences", + siteName: "Techniks", + type: "website", + images: [ + { + url: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BH1CNbMoLvPF0f2l9kfAHlr1S4/a-futuristic-dark-hero-image-showcasing--1774135451340-63afd893.png", + alt: "Techniks 3D E-Commerce Platform", + }, + ], + }, + twitter: { + card: "summary_large_image", + title: "Techniks | Premium 3D E-Commerce", + description: "Experience immersive 3D shopping with liquid glass design", + images: [ + "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BH1CNbMoLvPF0f2l9kfAHlr1S4/a-futuristic-dark-hero-image-showcasing--1774135451340-63afd893.png", + ], + }, + robots: { + index: true, + follow: true, + }, +}; + export default function RootLayout({ children, }: Readonly<{ @@ -31,7 +61,9 @@ export default function RootLayout({ return ( - + {children}