// components/AICityViewer.jsx
import React, { Suspense, useRef } from “react”;
import { Canvas, useFrame } from “@react-three/fiber”;
import { OrbitControls, Environment, useGLTF } from “@react-three/drei”;function CityModel(props) {
const group = useRef();
const { scene } = useGLTF(“/models/aicity.glb”); // Replace with your path
useFrame(() => {
if (group.current) group.current.rotation.y += 0.0015; // slow 360° spin
});
return
;
}export default function AICityViewer() {
return (
BBB AI-CITY 360° EXPERIENCE
);
}