diff --git a/src/app/[[...lang]]/components/more.tsx b/src/app/[[...lang]]/components/more.tsx
index db421ce..c1f415a 100644
--- a/src/app/[[...lang]]/components/more.tsx
+++ b/src/app/[[...lang]]/components/more.tsx
@@ -1,16 +1,17 @@
import Link from "next/link"
-export default function More(props: {dict: Record{ dict.seeMore }
{ dict.contactUs1 }
-
-
-
+
+
-
-
-
+
+ 
-
-
-
+
-
-
-
+
-
+
{ dict.customized }
-
+
-
{ dict.ABTesting}
-
+
{ dict.iterateGameplay }
-
+
-
{ dict.multiLanguage }
-
+
{ dict.breakingGeographical }
-
+
+
-
{ dict.allChannel }
-
+
-
{ dict.expandInfluence }
-
+
+
{ dict.lightweightDeployment }
-
+
+
+
{ dict.simplifyProcess }
-
+
+
- { dict.caseGallery }
+ {/* { dict.clickNow }
*/}
+
+
-
-
-
{ dict.caseGallery }
- {/* { dict.clickNow }
*/}
-
{
caseList.map((item: CaseType, index: number) => {
- return
-
+ return
+
-
-
-
+ text-[30px] text-[#3d3d3d] cursor-pointer rounded-[60px] mb-[50px] w-[280px] h-[280px]"
+ style={{background: 'radial-gradient(61% 61% at 50% 50%, #FFFFFF 46%, #E1E1E1 100%)' }}>
+
+
+
diff --git a/src/app/components/header.tsx b/src/app/components/header.tsx
index 3abded3..8a3d83b 100644
--- a/src/app/components/header.tsx
+++ b/src/app/components/header.tsx
@@ -1,111 +1,146 @@
'use client'
import Link from "next/link";
-import { useState } from "react";
+import { useEffect, useState } from "react";
type NavType = {
- name: string;
- href: string;
+ name: string;
+ href: string;
}
-function SplitButton(props: {dict: Record, lang: string[]}) {
- const { dict, lang } = props
- const [show, setShow] = useState(false)
-
- return <>
- , lang: string[]}) {
+export default function Header(props: { dict: Record, lang: string[] }) {
const { dict, lang } = props
const [activeTab, setActiveTab] = useState(dict.home)
- const navList: NavType[] = [
+ const [show, setShow] = useState(false)
+ const [hash, setHash] = useState('#home')
+ useEffect(() => {
+ const designWidth = 1440;
+ const deviceWidth = document.documentElement.clientWidth
+ let scale = 1
+ console.log('designWidth', deviceWidth)
+ if (deviceWidth <= 1440) {
+ scale = deviceWidth / designWidth;
+ }
+ console.log('scale', scale)
+ document.documentElement.style.fontSize = `${scale * 14.4}px`;
+ switch (hash) {
+ case '#home':
+ const home = document.getElementById('home')
+ document.documentElement.scrollTo({
+ top: home!.offsetTop - 80,
+ behavior: 'smooth'
+ });
+ break;
+ case '#service':
+ const service = document.getElementById('service')
+ document.documentElement.scrollTo({
+ top: service!.offsetTop - 80,
+ behavior: 'smooth'
+ });
+ break;
+ case '#case':
+ const caseDom = document.getElementById('case')
+ document.documentElement.scrollTo({
+ top: caseDom!.offsetTop - 110,
+ behavior: 'smooth'
+ });
+ break;
+ case '#contact':
+ const contact = document.getElementById('contact')
+ document.documentElement.scrollTo({
+ top: contact!.offsetTop - 80,
+ behavior: 'smooth'
+ });
+ break;
+ }
+
+
+
+ }, [hash])
+
+ const navList: NavType[] = [
+ {
+ name: dict.home,
+ href: "#home"
+ },
+ {
+ name: dict.services,
+ href: "#service"
+ },
+ {
+ name: dict.caseGallery,
+ href: "#case"
+ },
+ {
+ name: dict.contactUs,
+ href: "#contact"
+ },
+ ]
+ return (<>
+
{ dict.businessCooperation }info@soyootech.com
-
-
-
-}
-export default function Header(props: {dict: Record setShow(!show)}>
- 
- 
-
- {
-
-
- { dict?.lang }
-
- setShow(false)}>
-
-
- }
-
-
-
- {dict?.lang1}
- setShow(false)}>
-
-
+
+ 
setHash('#home')}
+ />
+
+ setHash('#home')}
+ />
+
{
- name: dict.home,
- href: "#home"
- },
- {
- name: dict.services,
- href: "#service"
- },
- {
- name: dict.caseGallery,
- href: "#case"
- },
- {
- name: dict.contactUs,
- href: "#contact "
- },
- ]
- return (<>
-
+
-
+ navList.map((item: NavType) => (
+
+ setHash(item.href)} key={item.name}>
+
+ ))
+ }
+ setActiveTab(item.name)}>
+ 
:
+
+ }
+
+ {item.name}
+ {
+ activeTab === item.name ?
+ :
+
+ }
+
+
+ setShow(!show)}>
+
-
-
-
- )
+ {
+
+
+ {dict?.lang}
+
-
-
- {
- navList.map((item: NavType) => (
-
-
- setActiveTab(item.name)}>
- :
-
- }
-
-
- ))
- }
{ item.name }
- {
- activeTab === item.name ?
- :
-
- }
-
-
- setShow(false)}>
+
+
+
+ }
+
+
+
+ {dict?.lang1}
+ setShow(false)}>
+ {/* */}
+
+ )
}
\ No newline at end of file
diff --git a/src/app/globals.css b/src/app/globals.css
index 87321cc..56290e2 100644
--- a/src/app/globals.css
+++ b/src/app/globals.css
@@ -1,16 +1,12 @@
@tailwind base;
@tailwind components;
@tailwind utilities;
-html,body {
- height: 100%;
-}
- .main::-webkit-scrollbar {
- display: none;
- }
-
- .main {
- -ms-overflow-style: none;
- scrollbar-width: none;
- }
-
\ No newline at end of file
+::-webkit-scrollbar {
+ display: none;
+}
+
+.main {
+ -ms-overflow-style: none;
+ scrollbar-width: none;
+}
diff --git a/src/app/layout.tsx b/src/app/layout.tsx
index 49f8461..7e0ffce 100644
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -1,18 +1,7 @@
import type { Metadata } from "next";
-import localFont from "next/font/local";
import "./globals.css";
import { ReactElement, ReactNode } from "react";
-const geistSans = localFont({
- src: "./fonts/GeistVF.woff",
- variable: "--font-geist-sans",
- weight: "100 900",
-});
-const geistMono = localFont({
- src: "./fonts/GeistMonoVF.woff",
- variable: "--font-geist-mono",
- weight: "100 900",
-});
export const metadata: Metadata = {
title: "北京索游科技",
@@ -23,7 +12,6 @@ function RootLayout({ children }:{ children: ReactNode } ): ReactElement {
return (
{children}