feat(products): remove Philosophy section

sites/crossbell.io/components/pages/products/components/Nav.tsx

@@ -1,8 +1,8 @@
-import { Box, Burger, MediaQuery } from "@mantine/core";
+import { Box, Burger } from "@mantine/core";
 import { useMediaQuery } from "@mantine/hooks";
 import classNames from "classnames";
 import { AnimatePresence, m } from "framer-motion";
-import { useCallback, useEffect, useState } from "react";
+import { useState } from "react";
 
 export default function Nav({
 	mode,
@@ -14,7 +14,6 @@ export default function Nav({
 	onSwitchPage: (index: number) => void;
 }) {
 	const navs = [
-		{ title: "Philosophy", activeColor: "text-white" },
 		{ title: "xSync", activeColor: "text-blue" },
 		{ title: "xFeed", activeColor: "text-yellow" },
 		{ title: "xCharacter", activeColor: "text-green" },
@@ -29,7 +28,7 @@ export default function Nav({
 	const title = opened ? "Close navigation" : "Open navigation";
 
 	const shouldShow =
-		index !== 6 && // the video page
+		index !== 5 && // the video page
 		(isLargeScreen || opened);
 
 	const openedInSmallScreen = !isLargeScreen && opened;

sites/crossbell.io/components/pages/products/lazy.tsx

@@ -16,30 +16,25 @@ import Logo from "./components/Logo";
 import Nav from "./components/Nav";
 import ScrollBall from "./components/ScrollBall";
 import ParallaxSection from "./Sections/ParallaxSection";
-import PhilosophySection from "./Sections/PhilosophySection";
 import FooterSection from "./Sections/FooterSection";
 import VideoSection from "./Sections/VideoSection";
 import Loading from "./components/Loading";
 import { useScroller } from "./utils";
 
 export default function LazyIndex() {
-	const { index, setIndex } = useScroller(7);
+	const { index, setIndex } = useScroller(6);
 
 	return (
 		<>
-			<Logo mode={index === 0 ? "light" : "dark"} />
+			<Logo mode="dark" />
 
-			{index === 7 && (
+			{index === 6 && (
 				<div className="hidden sm:block">
 					<Logo mode="dark" position="bottom-left" />
 				</div>
 			)}
 
-			<Nav
-				index={index}
-				mode={index === 0 ? "light" : "dark"}
-				onSwitchPage={(i) => setIndex(i)}
-			/>
+			<Nav index={index} mode="dark" onSwitchPage={(i) => setIndex(i)} />
 
 			<ScrollBall index={index} onClickNext={() => setIndex(index + 1)} />
 
@@ -57,12 +52,6 @@ export default function LazyIndex() {
 					}
 				`}</style>
 
-				{/* 0 */}
-				<PhilosophySection
-					currentPageIndex={index}
-					onClickNext={() => setIndex(index + 1)}
-				/>
-
 				{/* 1 */}
 				<ParallaxSection
 					title="Sync to own"