refactor: simplify landing page components and layout

- Removed unused component imports from page.jsx to reduce bundle size
- Streamlined Hero component by removing unnecessary elements and whitespace
- Updated Hero container styling to use flex and min-h-screen for better centering
- Kept only essential components (Header, Hero, Footer) in main page layout
This commit is contained in:
2025-10-24 02:35:47 +02:00
parent 0d24234bd1
commit ba31d1e860
2 changed files with 4 additions and 23 deletions

View File

@@ -1,23 +1,8 @@
import { CallToAction } from '@/components/CallToAction'
import { CallToAction2 } from '@/components/CallToAction2'
import { CallToAction3 } from '@/components/CallToAction3'
import { Faqs } from '@/components/Faqs'
import { Footer } from '@/components/Footer'
import { Header } from '@/components/Header'
import { Hero } from '@/components/Hero'
import { Pricing } from '@/components/Pricing'
import Route from '@/components/Route';
import { SecondaryFeatures } from '@/components/SecondaryFeatures'
import { Testimonials } from '@/components/Testimonials'
import { Boat } from '@/components/Boat'
import { Experiences } from '@/components/Experiences'
import ThirdFeatures from '@/components/ThirdFeatures'
import NewFeatures from '@/components/NewFeatures'
import NewFeatures2 from '@/components/NewFeatures2'
import Activities from '@/components/Activities'
import Boats from '@/components/Boats'
import Carousel from '@/components/Carousel'
import CnnVideo from '@/components/CnnVideo'
export default function Home() {

View File

@@ -1,12 +1,10 @@
import Image from 'next/image'
import { Button } from '@/components/Button'
import { Container } from '@/components/Container'
export function Hero() {
return (
<Container className="pb-16 pt-20 text-center lg:pt-32 ">
<Container className="flex min-h-screen items-center pb-16 pt-20 text-center lg:pt-32">
{/* Background Video */}
<div
className="absolute inset-0 top-0 left-0 w-full h-full object-cover -z-10"
@@ -26,8 +24,6 @@ export function Hero() {
<span className="relative">REIMAGINED</span>
</span>{' '}
</h1>
</Container>
)
}