Switch to version 1: modified src/app/page.tsx

Merge version_2 into main

src/app/layout.tsx

@@ -11,8 +11,8 @@ import { Cormorant_Garamond, Inter } from "next/font/google";
 
 
 export const metadata: Metadata = {
-  title: 'Home | Webild',
-  description: 'Experience luxury living with Webild.',
+  title: 'Luxury Living Residences',
+  description: 'Experience unparalleled comfort and elegance in our curated residences.',
   openGraph: {
     "title": "Apartamenty Kapitańskie",
     "siteName": "Apartamenty Kapitańskie",

src/app/page.tsx

@@ -11,107 +11,133 @@ import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCa
 import FaqSplitText from '@/components/sections/faq/FaqSplitText';
 import ContactSplit from '@/components/sections/contact/ContactSplit';
 import FooterMedia from '@/components/sections/footer/FooterMedia';
-import { Zap, Shield, Award } from 'lucide-react';
+import { Zap, Shield, Star, Users } from 'lucide-react';
 
-export default function HomePage() {
+export default function Page() {
   const navItems = [{ name: "Home", id: "/" }];
+  
   return (
-    <ThemeProvider defaultButtonVariant="text-stagger" defaultTextAnimation="entrance-slide" borderRadius="rounded" contentWidth="medium" sizing="medium" background="circleGradient" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="normal">
+    <ThemeProvider 
+      defaultButtonVariant="text-stagger" 
+      defaultTextAnimation="entrance-slide" 
+      borderRadius="rounded" 
+      contentWidth="medium" 
+      sizing="medium" 
+      background="circleGradient" 
+      cardStyle="glass-elevated" 
+      primaryButtonStyle="gradient" 
+      secondaryButtonStyle="glass" 
+      headingFontWeight="normal"
+    >
       <div id="nav" data-section="nav">
-        <NavbarStyleFullscreen navItems={navItems} />
+        <NavbarStyleFullscreen navItems={navItems} brandName="Luxury Living" />
       </div>
       <div id="hero" data-section="hero">
         <HeroBillboardGallery 
-          title="Luxury Living"
-          description="Experience unparalleled comfort in our curated spaces."
-          background={{ variant: "plain" }}
+          title="Elevate Your Lifestyle"
+          description="Experience unparalleled comfort and elegance in our curated residences."
+          background={{ variant: "canvas-reveal" }}
           mediaItems={[
-            { imageSrc: "https://images.unsplash.com/photo-1600585154340-be6161a56a0c?q=80&w=2000", imageAlt: "Room 1" },
-            { imageSrc: "https://images.unsplash.com/photo-1600607687939-ce8a6c25118c?q=80&w=2000", imageAlt: "Room 2" },
-            { imageSrc: "https://images.unsplash.com/photo-1600566753086-00f1806b53a0?q=80&w=2000", imageAlt: "Room 3" }
+            { imageSrc: "https://images.unsplash.com/photo-1600585154340-be6161a56a0c?q=80&w=2000", imageAlt: "Modern architecture" },
+            { imageSrc: "https://images.unsplash.com/photo-1600607687939-ce8a6c25118c?q=80&w=2000", imageAlt: "Interior design" },
+            { imageSrc: "https://images.unsplash.com/photo-1600566753190-17f0baa2a6c3?q=80&w=2000", imageAlt: "Luxury villa" }
           ]}
         />
       </div>
       <div id="trust-bar" data-section="trust-bar">
-        <MetricCardThree 
-          metrics={[{ id: "1", icon: Award, title: "Awards", value: "50+" }, { id: "2", icon: Shield, title: "Safety", value: "100%" }]} 
-          animationType="scale-rotate" 
+        <MetricCardThree
+          title="Trusted by Thousands"
+          description="Our community is growing every single day."
+          animationType="depth-3d"
           textboxLayout="default"
-          title="Metrics"
-          description="Our impact in numbers."
           useInvertedBackground={false}
+          metrics={[
+            { id: "1", icon: Users, title: "Residents", value: "5,000+" },
+            { id: "2", icon: Shield, title: "Safety Rating", value: "99.9%" },
+            { id: "3", icon: Star, title: "Customer Satisfaction", value: "4.9/5" }
+          ]}
         />
       </div>
       <div id="about" data-section="about">
-        <TestimonialAboutCard 
-          tag="About Us"
-          title="Our Vision"
-          description="Redefining modern living through innovation and design excellence."
-          subdescription="Every detail is meticulously crafted to exceed expectations."
+        <TestimonialAboutCard
+          tag="Discover Us"
+          title="Heritage of Excellence"
+          description="With over 20 years of experience in luxury real estate, we redefine the living experience."
+          subdescription="We combine modern technology with timeless design principles."
           icon={Zap}
-          imageSrc="https://images.unsplash.com/photo-1502672260266-1c1ef2d93688?q=80&w=2000"
+          imageSrc="https://images.unsplash.com/photo-1600573472591-ee6b68d14c68?q=80&w=2000"
           useInvertedBackground={false}
         />
       </div>
       <div id="rooms" data-section="rooms">
-        <ProductCardOne 
-          products={[
-            { id: "1", name: "Master Suite", price: "$500", imageSrc: "https://images.unsplash.com/photo-1595526114035-0d45ed16cfbf?q=80&w=1000" },
-            { id: "2", name: "Deluxe Room", price: "$300", imageSrc: "https://images.unsplash.com/photo-1590490360182-c33d57733427?q=80&w=1000" },
-            { id: "3", name: "Guest Suite", price: "$200", imageSrc: "https://images.unsplash.com/photo-1582719478250-c89cae4dc85b?q=80&w=1000" }
-          ]} 
-          gridVariant="uniform-all-items-equal"
+        <ProductCardOne
+          title="Available Residences"
+          description="Explore our premium selection of apartments and villas."
+          gridVariant="three-columns-all-equal-width"
           animationType="slide-up"
           textboxLayout="default"
-          title="Rooms"
-          description="Choose your comfort."
           useInvertedBackground={false}
+          products={[
+            { id: "1", name: "Penthouse Suite", price: "$5,000/mo", imageSrc: "https://images.unsplash.com/photo-1600566753190-17f0baa2a6c3?q=80&w=800" },
+            { id: "2", name: "Garden Villa", price: "$4,200/mo", imageSrc: "https://images.unsplash.com/photo-1600585154340-be6161a56a0c?q=80&w=800" },
+            { id: "3", name: "Loft Studio", price: "$2,800/mo", imageSrc: "https://images.unsplash.com/photo-1600607687939-ce8a6c25118c?q=80&w=800" }
+          ]}
         />
       </div>
       <div id="amenities" data-section="amenities">
-        <FeatureCardTwentyOne 
-          title="Amenities"
-          description="Everything you need for a comfortable stay."
-          accordionItems={[{ id: "1", title: "Wi-Fi", content: "High speed connectivity." }, { id: "2", title: "Gym", content: "24/7 access." }]}
-          imageSrc="https://images.unsplash.com/photo-1582719478250-c89cae4dc85b?q=80&w=1000"
+        <FeatureCardTwentyOne
+          title="Exceptional Amenities"
+          description="We provide everything you need for a complete living experience."
+          imageSrc="https://images.unsplash.com/photo-1600573472591-ee6b68d14c68?q=80&w=1200"
           useInvertedBackground={false}
-          mediaAnimation="opacity"
+          accordionItems={[
+            { id: "1", title: "Fitness Center", content: "State of the art equipment 24/7." },
+            { id: "2", title: "Concierge Services", content: "Professional support for your daily needs." },
+            { id: "3", title: "Rooftop Pool", content: "Panoramic views with relaxing spa zones." }
+          ]}
         />
       </div>
       <div id="reviews" data-section="reviews">
-        <TestimonialCardFive 
-          testimonials={[
-            { id: "1", name: "John Doe", date: "2024", title: "Great Stay", quote: "Amazing service!", tag: "User", avatarSrc: "https://i.pravatar.cc/100" },
-            { id: "2", name: "Jane Smith", date: "2024", title: "Lovely", quote: "Will return!", tag: "User", avatarSrc: "https://i.pravatar.cc/100" }
-          ]}
-          title="Guest Reviews"
+        <TestimonialCardFive
+          title="Testimonials"
+          description="What our residents have to say about us."
           textboxLayout="default"
-          description="What our guests say."
           useInvertedBackground={false}
+          testimonials={[
+            { id: "1", name: "John Doe", date: "2024-01-01", title: "Amazing Experience", quote: "Truly the best place I have lived in!", tag: "resident", avatarSrc: "https://api.dicebear.com/7.x/avataaars/svg?seed=John" },
+            { id: "2", name: "Jane Smith", date: "2024-02-15", title: "Luxury Living", quote: "The concierge service is top notch.", tag: "resident", avatarSrc: "https://api.dicebear.com/7.x/avataaars/svg?seed=Jane" }
+          ]}
         />
       </div>
       <div id="location" data-section="location">
-        <FaqSplitText 
-          sideTitle="FAQ"
-          faqs={[{ id: "1", title: "Where are you?", content: "Downtown city center." }]}
-          faqsAnimation="blur-reveal"
+        <FaqSplitText
+          sideTitle="Questions & Location"
+          faqsAnimation="slide-up"
           useInvertedBackground={false}
+          faqs={[
+            { id: "1", title: "Where is the main office?", content: "We are located in the heart of downtown." },
+            { id: "2", title: "How do I book?", content: "You can book directly via our website." }
+          ]}
         />
       </div>
       <div id="contact" data-section="contact">
-        <ContactSplit 
-          tag="Contact"
-          title="Get in Touch"
-          description="Sign up for our newsletter."
-          background={{ variant: "plain" }}
+        <ContactSplit
+          tag="Contact Us"
+          title="Join Our Community"
+          description="Stay updated with the latest listings and community news."
+          background={{ variant: "rotated-rays-animated" }}
           useInvertedBackground={false}
+          imageSrc="https://images.unsplash.com/photo-1600585154340-be6161a56a0c?q=80&w=2000"
         />
       </div>
       <div id="footer" data-section="footer">
-        <FooterMedia 
-          logoText="Webild"
-          imageSrc="https://images.unsplash.com/photo-1497366754035-f200968a6e72?q=80&w=2000"
-          columns={[{ title: "Links", items: [{ label: "Home", href: "/" }] }]}
+        <FooterMedia
+          imageSrc="https://images.unsplash.com/photo-1600573472591-ee6b68d14c68?q=80&w=2000"
+          logoText="Luxury Living"
+          columns={[
+            { title: "Company", items: [{ label: "About", href: "#" }, { label: "Careers", href: "#" }] },
+            { title: "Legal", items: [{ label: "Privacy", href: "#" }, { label: "Terms", href: "#" }] }
+          ]}
         />
       </div>
     </ThemeProvider>