Update src/app/page.tsx

Merge version_1 into main

src/app/page.tsx

@@ -10,6 +10,8 @@ import HeroSplit from '@/components/sections/hero/HeroSplit';
 import ProductCardOne from '@/components/sections/product/ProductCardOne';
 import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
 import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
+import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
+import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
 import { CalendarDays, GalleryVertical, Palette } from "lucide-react";
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 
@@ -36,6 +38,9 @@ export default function Page() {
   {
     "name": "About",    "id": "#about"
   },
+  {
+    "name": "Professional Details",    "id": "#professional-details"
+  },
   {
     "name": "Artworks",    "id": "#artworks"
   },
@@ -48,6 +53,9 @@ export default function Page() {
   {
     "name": "News",    "id": "#news"
   },
+  {
+    "name": "Street View",    "id": "#street-view"
+  },
   {
     "name": "Contact",    "id": "#contact"
   }
@@ -85,6 +93,40 @@ export default function Page() {
       </div>
 
       
+      <div id="professional-details" data-section="professional-details">
+        <MetricCardEleven
+          title="Our Professional Dedication"
+          description="Committed to excellence, our team brings unparalleled expertise and passion to the world of art. Discover the caliber of our operations and the milestones that define us."
+          metrics={[
+            {
+              id: 'm1',
+              value: '98%',
+              title: 'Client Satisfaction',
+              description: 'Our collectors consistently rate their experience as outstanding.',
+              imageSrc: 'http://img.b2bpic.net/free-photo/people-attending-business-meeting-office_23-2148906963.jpg'
+            },
+            {
+              id: 'm2',
+              value: '500+',
+              title: 'Art Acquisitions',
+              description: 'Successfully placed over 500 significant artworks in private and corporate collections.',
+              imageSrc: 'http://img.b2bpic.net/free-photo/hand-drawing-chart-financial-analysis-concept_23-2149168903.jpg'
+            },
+            {
+              id: 'm3',
+              value: '20+',
+              title: 'Community Collaborations',
+              description: 'Active partnerships with local schools and cultural programs.',
+              imageSrc: 'http://img.b2bpic.net/free-photo/crowd-people-waiting-open-air-festival-night_23-2150041432.jpg'
+            }
+          ]}
+          animationType="slide-up"
+          useInvertedBackground={true}
+          textboxLayout="default"
+        />
+      </div>
+
+      
       <div id="features" data-section="features">
         <FeatureCardSix title="Experience the Art" description="We offer a curated experience for every art enthusiast and collector, ensuring every visit is memorable and inspiring." tag="Our Services" features={[
   {
@@ -96,7 +138,7 @@ export default function Page() {
   {
     "title": "Exclusive Events",    "description": "Join us for artist talks, exhibition openings, and special cultural gatherings.",    "imageSrc": "http://img.b2bpic.net/free-photo/hot-discussion_1098-15435.jpg",    "imageAlt": "Guests mingling at an art exhibition opening with wine and art"
   }
-]} textboxLayout="default" useInvertedBackground={true} />
+]} textboxLayout="default" useInvertedBackground={false} />
       </div>
 
       
@@ -167,6 +209,22 @@ export default function Page() {
       </div>
 
       
+      <div id="street-view" data-section="street-view">
+        <FaqSplitMedia
+          title="Explore Our Gallery's Location"
+          description="Immerse yourself in our surroundings before your visit with a virtual street view. Located in the vibrant art district of Houston, our gallery is easily accessible and a cultural landmark."
+          imageSrc="http://img.b2bpic.net/free-photo/exterior-view-storefront_23-2148107931.jpg"
+          imageAlt="Street view of Off The Wall Gallery exterior"
+          mediaPosition="right"
+          faqs={[]}
+          faqsAnimation="none"
+          animationType="smooth"
+          useInvertedBackground={false}
+          textboxLayout="default"
+        />
+      </div>
+
+      
       <div id="contact" data-section="contact">
         <ContactText text="Visit Us in Houston or Reach Out for a Private Viewing." buttons={[
   {
@@ -183,9 +241,15 @@ export default function Page() {
         <FooterMedia logoText="Off The Wall Gallery" logoSrc="http://img.b2bpic.net/free-vector/muted-color-palette-label-set_23-2150061562.jpg" logoAlt="Off The Wall Gallery Logo" imageSrc="http://img.b2bpic.net/free-photo/building_1127-2955.jpg" imageAlt="Exterior view of Off The Wall Gallery at night" columns={[
   {
     "title": "Gallery",    "items": [
+      {
+        "label": "Home",        "href": "#home"
+      },
       {
         "label": "About Us",        "href": "#about"
       },
+      {
+        "label": "Professional Details",        "href": "#professional-details"
+      },
       {
         "label": "Artworks",        "href": "#artworks"
       },
@@ -194,6 +258,9 @@ export default function Page() {
       },
       {
         "label": "News",        "href": "#news"
+      },
+      {
+        "label": "Street View",        "href": "#street-view"
       }
     ]
   },