bender/ecd861b3-5bb4-4612-88cc-3cb992254b7c
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_2 into main #5

Merged
bender merged 2 commits from version_2 into main 2026-03-03 16:42:34 +00:00
Conversation 0 Commits 2 Files Changed 2 +9 -46
2 changed files with 9 additions and 46 deletions
Download Patch File Download Diff File Expand all files Collapse all files

52
src/app/layout.tsx
View File

@@ -1,59 +1,20 @@
import type { Metadata } from "next";
import { DM_Sans } from "next/font/google";
import { Inter } from "next/font/google";
import { Halant } from "next/font/google";
import "./globals.css";
import { ServiceWrapper } from "@/components/ServiceWrapper";
import Tag from "@/tag/Tag";
const dmSans = DM_Sans({
variable: "--font-dm-sans", subsets: ["latin"],
});
const inter = Inter({
variable: "--font-inter", subsets: ["latin"],
});
const halant = Halant({
variable: "--font-halant", subsets: ["latin"],
weight: ["300", "400", "500", "600", "700"],
});
const inter = Inter({ subsets: ["latin"] });
export const metadata: Metadata = {
title: "ModPicker - AI Car & Motorcycle Modification Finder", description: "Upload your vehicle photo and discover perfect modifications with AI. Get direct links to buy parts from thousands of trusted retailers.", keywords: "car modifications, motorcycle customization, AI vehicle analysis, car parts, automotive upgrades, modification recommendations", metadataBase: new URL("https://modpicker.com"),
alternates: {
canonical: "https://modpicker.com"
},
openGraph: {
title: "ModPicker - Transform Your Ride with AI", description: "Upload your vehicle and let AI recommend perfect modifications with direct purchase links.", url: "https://modpicker.com", siteName: "ModPicker", type: "website", images: [
{
url: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARTBbll72gcJSq9e3PYOQBigsz/a-sleek-modern-ai-car-customization-dash-1772554375264-269dd76e.png", alt: "ModPicker AI modification platform"
}
]
},
twitter: {
card: "summary_large_image", title: "ModPicker - AI Modification Finder", description: "Discover perfect car and motorcycle modifications with AI technology.", images: ["https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARTBbll72gcJSq9e3PYOQBigsz/a-sleek-modern-ai-car-customization-dash-1772554375264-269dd76e.png"]
},
robots: {
index: true,
follow: true
}
};
title: "ModPicker - AI-Powered Vehicle Modifications", description: "Upload your vehicle photo and get AI-powered modification recommendations with direct purchase links."};
export default function RootLayout({
children,
}: Readonly<{
}: {
children: React.ReactNode;
}>) {
}) {
return (
<html lang="en" suppressHydrationWarning>
<ServiceWrapper>
<body
className={`${dmSans.variable} ${inter.variable} ${halant.variable} antialiased`}
>
<Tag />
{children}
<html lang="en">
<body className={inter.className}>{children}
<script
dangerouslySetInnerHTML={{
__html: `
@@ -1421,7 +1382,6 @@ export default function RootLayout({
}}
/>
</body>
</ServiceWrapper>
</html>
);
}

3
src/app/page.tsx
View File

@@ -65,6 +65,9 @@ export default function ModPickerPage() {
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
buttons={[
{ text: "Start Customizing Now", href: "#hero" }
]}
features={[
{
id: "1", title: "Upload Your Vehicle Photo", author: "Step 1", description: "Take a clear photo of your car or motorcycle and upload it to our platform. Our AI instantly analyzes the vehicle's make, model, condition, and potential modification points.", tags: ["Upload", "AI Detection"],