Merge version_1 into main #1
@@ -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",
|
||||
},
|
||||
]}
|
||||
|
||||
@@ -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 (
|
||||
<html lang="en" suppressHydrationWarning>
|
||||
<ServiceWrapper>
|
||||
<body className={`${montserrat.variable} ${inter.variable} antialiased`}>
|
||||
<body
|
||||
className={`${halant.variable} ${montserrat.variable} ${inter.variable} antialiased`}
|
||||
>
|
||||
<Tag />
|
||||
{children}
|
||||
<script
|
||||
@@ -43,4 +75,4 @@ export default function RootLayout({
|
||||
</ServiceWrapper>
|
||||
</html>
|
||||
);
|
||||
}
|
||||
}
|
||||
@@ -113,7 +113,7 @@ export default function HomePage() {
|
||||
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=1",
|
||||
},
|
||||
{
|
||||
id: "babylon-interactivity",
|
||||
@@ -121,7 +121,7 @@ export default function HomePage() {
|
||||
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=1",
|
||||
},
|
||||
{
|
||||
id: "gsap-animations",
|
||||
@@ -129,7 +129,7 @@ export default function HomePage() {
|
||||
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=1",
|
||||
},
|
||||
{
|
||||
id: "liquid-glass-ui",
|
||||
@@ -160,7 +160,7 @@ export default function HomePage() {
|
||||
price: "$3,499",
|
||||
rating: 5,
|
||||
reviewCount: "486",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BH1CNbMoLvPF0f2l9kfAHlr1S4/premium-3d-product-visualization-of-a-hi-1774135453075-39df46ac.png",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BH1CNbMoLvPF0f2l9kfAHlr1S4/premium-3d-product-visualization-of-a-hi-1774135453075-39df46ac.png?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "product-2",
|
||||
@@ -169,7 +169,7 @@ export default function HomePage() {
|
||||
price: "$1,299",
|
||||
rating: 5,
|
||||
reviewCount: "312",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BH1CNbMoLvPF0f2l9kfAHlr1S4/futuristic-3d-controller-device-with-erg-1774135450980-476dcdf3.png",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BH1CNbMoLvPF0f2l9kfAHlr1S4/futuristic-3d-controller-device-with-erg-1774135450980-476dcdf3.png?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "product-3",
|
||||
@@ -178,7 +178,7 @@ export default function HomePage() {
|
||||
price: "$2,199",
|
||||
rating: 5,
|
||||
reviewCount: "258",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BH1CNbMoLvPF0f2l9kfAHlr1S4/3d-visualization-of-a-high-performance-p-1774135453764-19bc100d.png",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BH1CNbMoLvPF0f2l9kfAHlr1S4/3d-visualization-of-a-high-performance-p-1774135453764-19bc100d.png?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "product-4",
|
||||
@@ -187,7 +187,7 @@ export default function HomePage() {
|
||||
price: "$4,799",
|
||||
rating: 5,
|
||||
reviewCount: "94",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BH1CNbMoLvPF0f2l9kfAHlr1S4/3d-graphics-card-or-gpu-module-with-prem-1774135451190-496277fe.png",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BH1CNbMoLvPF0f2l9kfAHlr1S4/3d-graphics-card-or-gpu-module-with-prem-1774135451190-496277fe.png?_wi=1",
|
||||
},
|
||||
]}
|
||||
gridVariant="bento-grid"
|
||||
|
||||
@@ -68,7 +68,7 @@ export default function ProductsPage() {
|
||||
price: "$3,499",
|
||||
rating: 5,
|
||||
reviewCount: "486",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BH1CNbMoLvPF0f2l9kfAHlr1S4/premium-3d-product-visualization-of-a-hi-1774135453075-39df46ac.png",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BH1CNbMoLvPF0f2l9kfAHlr1S4/premium-3d-product-visualization-of-a-hi-1774135453075-39df46ac.png?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "product-2",
|
||||
@@ -77,7 +77,7 @@ export default function ProductsPage() {
|
||||
price: "$1,299",
|
||||
rating: 5,
|
||||
reviewCount: "312",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BH1CNbMoLvPF0f2l9kfAHlr1S4/futuristic-3d-controller-device-with-erg-1774135450980-476dcdf3.png",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BH1CNbMoLvPF0f2l9kfAHlr1S4/futuristic-3d-controller-device-with-erg-1774135450980-476dcdf3.png?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "product-3",
|
||||
@@ -86,7 +86,7 @@ export default function ProductsPage() {
|
||||
price: "$2,199",
|
||||
rating: 5,
|
||||
reviewCount: "258",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BH1CNbMoLvPF0f2l9kfAHlr1S4/3d-visualization-of-a-high-performance-p-1774135453764-19bc100d.png",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BH1CNbMoLvPF0f2l9kfAHlr1S4/3d-visualization-of-a-high-performance-p-1774135453764-19bc100d.png?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "product-4",
|
||||
@@ -95,7 +95,7 @@ export default function ProductsPage() {
|
||||
price: "$4,799",
|
||||
rating: 5,
|
||||
reviewCount: "94",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BH1CNbMoLvPF0f2l9kfAHlr1S4/3d-graphics-card-or-gpu-module-with-prem-1774135451190-496277fe.png",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BH1CNbMoLvPF0f2l9kfAHlr1S4/3d-graphics-card-or-gpu-module-with-prem-1774135451190-496277fe.png?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "product-5",
|
||||
@@ -104,7 +104,7 @@ export default function ProductsPage() {
|
||||
price: "$5,999",
|
||||
rating: 5,
|
||||
reviewCount: "156",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BH1CNbMoLvPF0f2l9kfAHlr1S4/3d-visualization-of-a-high-performance-p-1774135453764-19bc100d.png",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BH1CNbMoLvPF0f2l9kfAHlr1S4/3d-visualization-of-a-high-performance-p-1774135453764-19bc100d.png?_wi=3",
|
||||
},
|
||||
{
|
||||
id: "product-6",
|
||||
@@ -113,7 +113,7 @@ export default function ProductsPage() {
|
||||
price: "$1,799",
|
||||
rating: 5,
|
||||
reviewCount: "267",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BH1CNbMoLvPF0f2l9kfAHlr1S4/futuristic-3d-controller-device-with-erg-1774135450980-476dcdf3.png",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BH1CNbMoLvPF0f2l9kfAHlr1S4/futuristic-3d-controller-device-with-erg-1774135450980-476dcdf3.png?_wi=3",
|
||||
},
|
||||
]}
|
||||
gridVariant="bento-grid-inverted"
|
||||
|
||||
Reference in New Issue
Block a user