Update src/app/page.tsx

Merge version_1 into main

src/app/layout.tsx

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

src/app/page.tsx

@@ -11,133 +11,107 @@ 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, Star, Users } from 'lucide-react';
+import { Zap, Shield, Award } from 'lucide-react';
 
-export default function Page() {
+export default function HomePage() {
   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} brandName="Luxury Living" />
+        <NavbarStyleFullscreen navItems={navItems} />
       </div>
       <div id="hero" data-section="hero">
         <HeroBillboardGallery 
-          title="Elevate Your Lifestyle"
-          description="Experience unparalleled comfort and elegance in our curated residences."
-          background={{ variant: "canvas-reveal" }}
+          title="Luxury Living"
+          description="Experience unparalleled comfort in our curated spaces."
+          background={{ variant: "plain" }}
           mediaItems={[
-            { 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" }
+            { 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" }
           ]}
         />
       </div>
       <div id="trust-bar" data-section="trust-bar">
-        <MetricCardThree
-          title="Trusted by Thousands"
-          description="Our community is growing every single day."
-          animationType="depth-3d"
+        <MetricCardThree 
+          metrics={[{ id: "1", icon: Award, title: "Awards", value: "50+" }, { id: "2", icon: Shield, title: "Safety", value: "100%" }]} 
+          animationType="scale-rotate" 
           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="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."
+        <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."
           icon={Zap}
-          imageSrc="https://images.unsplash.com/photo-1600573472591-ee6b68d14c68?q=80&w=2000"
+          imageSrc="https://images.unsplash.com/photo-1502672260266-1c1ef2d93688?q=80&w=2000"
           useInvertedBackground={false}
         />
       </div>
       <div id="rooms" data-section="rooms">
-        <ProductCardOne
-          title="Available Residences"
-          description="Explore our premium selection of apartments and villas."
-          gridVariant="three-columns-all-equal-width"
+        <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"
           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="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"
+        <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"
           useInvertedBackground={false}
-          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." }
-          ]}
+          mediaAnimation="opacity"
         />
       </div>
       <div id="reviews" data-section="reviews">
-        <TestimonialCardFive
-          title="Testimonials"
-          description="What our residents have to say about us."
-          textboxLayout="default"
-          useInvertedBackground={false}
+        <TestimonialCardFive 
           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" }
+            { 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"
+          textboxLayout="default"
+          description="What our guests say."
+          useInvertedBackground={false}
         />
       </div>
       <div id="location" data-section="location">
-        <FaqSplitText
-          sideTitle="Questions & Location"
-          faqsAnimation="slide-up"
+        <FaqSplitText 
+          sideTitle="FAQ"
+          faqs={[{ id: "1", title: "Where are you?", content: "Downtown city center." }]}
+          faqsAnimation="blur-reveal"
           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 Us"
-          title="Join Our Community"
-          description="Stay updated with the latest listings and community news."
-          background={{ variant: "rotated-rays-animated" }}
+        <ContactSplit 
+          tag="Contact"
+          title="Get in Touch"
+          description="Sign up for our newsletter."
+          background={{ variant: "plain" }}
           useInvertedBackground={false}
-          imageSrc="https://images.unsplash.com/photo-1600585154340-be6161a56a0c?q=80&w=2000"
         />
       </div>
       <div id="footer" data-section="footer">
-        <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: "#" }] }
-          ]}
+        <FooterMedia 
+          logoText="Webild"
+          imageSrc="https://images.unsplash.com/photo-1497366754035-f200968a6e72?q=80&w=2000"
+          columns={[{ title: "Links", items: [{ label: "Home", href: "/" }] }]}
         />
       </div>
     </ThemeProvider>