musi an art of lifee

ic an as regards to number 3 this is my index.tsx : import Navbar from “@/components/Navbar”; import HeroSection from “@/components/HeroSection”; import FeaturesSection from “@/components/FeaturesSection”; import RolesSection from “@/components/RolesSection”; import TestimonialSection from “@/components/TestimonialSection”; import CtaSection from “@/components/CtaSection”; import Footer from “@/components/Footer”; import { motion } from “framer-motion”;

const Index = () => { return ( <motion.div initial={{ opacity: 0 }} animate={{ opacity: 1 }} exit={{ opacity: 0 }} transition={{ duration: 0.5 }} className=”min-h-screen bg-background dark:bg-gradient-to-b dark:from-[#0A192F] dark:to-[#112240] dark:text-white relative overflow-hidden” > {/* Background decoration elements */} <div className=”absolute bottom-[30%] left-[5%] w-72 h-72 bg-adigmart-pink/10 rounded-full blur-3xl z-0 animate-pulse” style={{ animationDelay: “1s” }}> <div className=”absolute top-[60%] right-[15%] w-56 h-56 bg-adigmart-blue/10 rounded-full blur-3xl z-0 animate-pulse” style={{ animationDelay: “2s” }}>

  <Navbar />
  <HeroSection />
  <FeaturesSection />
  <RolesSection />
  <TestimonialSection />
  <CtaSection />
  <Footer />
  
  {/* Gradient overlay */}
  <div className="pointer-events-none fixed inset-0 z-[-1] bg-gradient-to-b from-transparent via-transparent to-background dark:to-[#0A192F]/80"></div>
</motion.div>

); };

export default Index;