Compare commits
1 Commits
version_1_
...
version_2_
| Author | SHA1 | Date | |
|---|---|---|---|
|
251f3b73dd |
@@ -5,15 +5,15 @@
|
||||
|
||||
:root {
|
||||
/* @colorThemes/lightTheme/grayNavyBlue */
|
||||
--background: #0a0a0a;
|
||||
--card: #1a1a1a;
|
||||
--background: #000000;
|
||||
--card: #0a0a0a;
|
||||
--foreground: #f5f5f5;
|
||||
--primary-cta: #ffdf7d;
|
||||
--primary-cta: #ffffff;
|
||||
--primary-cta-text: #0a0a0a;
|
||||
--secondary-cta: #1a1a1a;
|
||||
--secondary-cta-text: #ffffff;
|
||||
--accent: #b8860b;
|
||||
--background-accent: #8b6914;
|
||||
--accent: #ffffff;
|
||||
--background-accent: #1a1a1a;
|
||||
|
||||
/* @layout/border-radius/rounded */
|
||||
--radius: 0.5rem;
|
||||
|
||||
@@ -1,295 +1,36 @@
|
||||
import AboutMediaOverlay from '@/components/sections/about/AboutMediaOverlay';
|
||||
import ContactCta from '@/components/sections/contact/ContactCta';
|
||||
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
|
||||
import FeaturesMediaCarousel from '@/components/sections/features/FeaturesMediaCarousel';
|
||||
import FeaturesRevealCardsBento from '@/components/sections/features/FeaturesRevealCardsBento';
|
||||
import HeroTiltedCards from '@/components/sections/hero/HeroTiltedCards';
|
||||
import MetricsFeatureCards from '@/components/sections/metrics/MetricsFeatureCards';
|
||||
import TestimonialRatingCards from '@/components/sections/testimonial/TestimonialRatingCards';
|
||||
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
|
||||
// AUTO-GENERATED shell by per-section-migrate.
|
||||
// Section bodies live in ./<PageBase>/sections/<X>.tsx. Edit the section
|
||||
// files directly. Non-block content (wrappers, non-inlinable sections) is
|
||||
// preserved inline; extracted section blocks become <XSection/> refs.
|
||||
|
||||
export default function HomePage() {
|
||||
import React from 'react';
|
||||
import HeroSection from './HomePage/sections/Hero';
|
||||
import WhyUsSection from './HomePage/sections/WhyUs';
|
||||
import PropertiesSection from './HomePage/sections/Properties';
|
||||
import NeighborhoodsSection from './HomePage/sections/Neighborhoods';
|
||||
import TestimonialsSection from './HomePage/sections/Testimonials';
|
||||
import AiAssistantSection from './HomePage/sections/AiAssistant';
|
||||
import CtaBannerSection from './HomePage/sections/CtaBanner';
|
||||
import ContactSection from './HomePage/sections/Contact';
|
||||
|
||||
export default function HomePage(): React.JSX.Element {
|
||||
return (
|
||||
<>
|
||||
<div id="hero" data-section="hero">
|
||||
<SectionErrorBoundary name="hero">
|
||||
<HeroTiltedCards
|
||||
tag="Colin A. Dehorney Realtor"
|
||||
title="Redefining Luxury Living in Dallas"
|
||||
description="With over 30 glowing reviews and 4.9 stars, experience world-class residential real estate services dedicated to your success."
|
||||
primaryButton={{
|
||||
text: "Book Consultation",
|
||||
href: "#contact",
|
||||
}}
|
||||
secondaryButton={{
|
||||
text: "Browse Properties",
|
||||
href: "#properties",
|
||||
}}
|
||||
items={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-parachutes-flying-breathtaking-sunset_181624-1325.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-modern-luxury-hotel-office-reception-meeting-lounge_105762-2023.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/elegant-kitchen-faucet-against-dark-vertical-blinds-contemporary-interior-with-indoor-plant_169016-72789.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/luxury-bedroom-interior-with-rich-furniture-scenic-view-from-walkout-deck_1258-111480.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-silhouette-luxury-umbrella-chair-around-swimming-pool-hotel-pool-resort-with-coconut-palm-tree-sunrise-times-boost-up-color-processing_1339-2657.jpg",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
<>
|
||||
<HeroSection />
|
||||
|
||||
<div id="why-us" data-section="why-us">
|
||||
<SectionErrorBoundary name="why-us">
|
||||
<MetricsFeatureCards
|
||||
tag="Excellence Guaranteed"
|
||||
title="Why Choose Colin A. Dehorney"
|
||||
description="Setting the gold standard in Dallas luxury real estate through data-driven results and white-glove service."
|
||||
metrics={[
|
||||
{
|
||||
value: "4.9★",
|
||||
title: "Client Rating",
|
||||
features: [
|
||||
"Expert Negotiation",
|
||||
"Local Market Insight",
|
||||
"VIP Communication",
|
||||
],
|
||||
},
|
||||
{
|
||||
value: "30+",
|
||||
title: "Success Stories",
|
||||
features: [
|
||||
"Proven Results",
|
||||
"Personalized Strategy",
|
||||
"Global Reach",
|
||||
],
|
||||
},
|
||||
{
|
||||
value: "10+ Yrs",
|
||||
title: "Experience",
|
||||
features: [
|
||||
"Market Resilience",
|
||||
"Luxury Expertise",
|
||||
"Deep Connections",
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
<WhyUsSection />
|
||||
|
||||
<div id="properties" data-section="properties">
|
||||
<SectionErrorBoundary name="properties">
|
||||
<FeaturesRevealCardsBento
|
||||
tag="Curated Listings"
|
||||
title="Featured Luxury Properties"
|
||||
description="Discover exceptional homes designed for the most discerning lifestyles."
|
||||
items={[
|
||||
{
|
||||
title: "Maple Ave Penthouse",
|
||||
description: "Urban luxury living in the heart of Dallas.",
|
||||
href: "#",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-lighting-lamp-with-futuristic-design_23-2151037465.jpg",
|
||||
},
|
||||
{
|
||||
title: "Highland Park Estate",
|
||||
description: "Classic architecture with modern smart home technology.",
|
||||
href: "#",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/interior-modern-kitchen-with-wooden-details_169016-20193.jpg",
|
||||
},
|
||||
{
|
||||
title: "Turtle Creek Manor",
|
||||
description: "Exquisite finishes throughout this designer residence.",
|
||||
href: "#",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-beautiful-luxury-bedroom-suite-hotel-with-tv-working-table_105762-2016.jpg",
|
||||
},
|
||||
{
|
||||
title: "Dallas Skyline Villa",
|
||||
description: "Unrivaled views of the city skyline.",
|
||||
href: "#",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-urban-gym_23-2151918008.jpg",
|
||||
},
|
||||
{
|
||||
title: "Modern Urban Loft",
|
||||
description: "Cutting-edge design meets industrial chic.",
|
||||
href: "#",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-3d-cinema-theatre-room_23-2151066967.jpg",
|
||||
},
|
||||
{
|
||||
title: "Private Residence",
|
||||
description: "Spacious sanctuary in an exclusive neighborhood.",
|
||||
href: "#",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/laptop-marble-table_53876-71231.jpg",
|
||||
},
|
||||
{
|
||||
title: "Custom Luxury Build",
|
||||
description: "Tailored perfection with bespoke interiors.",
|
||||
href: "#",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/chic-mid-century-modern-luxury-aesthetics-living-room-with-gray-velvet-couch-golden-lamp_53876-139781.jpg",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
<PropertiesSection />
|
||||
|
||||
<div id="neighborhoods" data-section="neighborhoods">
|
||||
<SectionErrorBoundary name="neighborhoods">
|
||||
<FeaturesMediaCarousel
|
||||
tag="Explore Dallas"
|
||||
title="Neighborhood Guide"
|
||||
description="Find your perfect enclave in the city's most desirable zip codes."
|
||||
items={[
|
||||
{
|
||||
title: "Highland Park",
|
||||
description: "Prestigious, tree-lined streets with historic charm.",
|
||||
buttonIcon: "ArrowRight",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/lovely-woman-with-breakfast-xmas-christmas-morning_132075-10831.jpg",
|
||||
},
|
||||
{
|
||||
title: "Turtle Creek",
|
||||
description: "Sophisticated urban living surrounded by nature.",
|
||||
buttonIcon: "ArrowRight",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/asian-women-wake-up-from-sleep-are-stretch-herself-morning-weekend-sit-bed-luxury-room-relax-weekend-concept_1253-1031.jpg",
|
||||
},
|
||||
{
|
||||
title: "Preston Hollow",
|
||||
description: "Exclusive estates with unparalleled privacy.",
|
||||
buttonIcon: "ArrowRight",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/futuristic-city-architecture_23-2151918967.jpg",
|
||||
},
|
||||
{
|
||||
title: "Uptown",
|
||||
description: "High-energy lifestyle with luxury amenities.",
|
||||
buttonIcon: "ArrowRight",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dark-vip-cinema-studio-still-life_23-2149500609.jpg",
|
||||
},
|
||||
{
|
||||
title: "Park Cities",
|
||||
description: "Community-focused elegance and excellence.",
|
||||
buttonIcon: "ArrowRight",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-curly-woman-stylish-black-silk-suit-sandals-sits-carpet-floor-living-room-ho_197531-33668.jpg",
|
||||
},
|
||||
{
|
||||
title: "Downtown",
|
||||
description: "Pulsating heart of the metropolitan luxury experience.",
|
||||
buttonIcon: "ArrowRight",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/interior-fragment-with-armchairs-glass-wall-stylish-lounge-area-furniture_169016-72729.jpg",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
<NeighborhoodsSection />
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<SectionErrorBoundary name="testimonials">
|
||||
<TestimonialRatingCards
|
||||
tag="Client Success"
|
||||
title="What Clients Say"
|
||||
description="30+ verified reviews showcasing our commitment to excellence."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Sarah J.",
|
||||
role: "Home Buyer",
|
||||
quote: "Colin's market expertise turned a stressful process into a seamless luxury experience.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-senior-businessman-pointing-with-finger_1262-3108.jpg",
|
||||
},
|
||||
{
|
||||
name: "Michael R.",
|
||||
role: "Investor",
|
||||
quote: "Unparalleled knowledge of the Dallas luxury market. A true professional.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-classy-woman-blue-suit_1303-22641.jpg",
|
||||
},
|
||||
{
|
||||
name: "Emily K.",
|
||||
role: "Property Seller",
|
||||
quote: "Sold my estate in record time. Colin's attention to detail is unmatched.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/financial-independent-woman-buying-new-house_23-2149571918.jpg",
|
||||
},
|
||||
{
|
||||
name: "David L.",
|
||||
role: "Homeowner",
|
||||
quote: "I won't use any other realtor in Texas. Simply the best.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/goal-oriented-businessman-focuses-his-company-career-development_482257-123195.jpg",
|
||||
},
|
||||
{
|
||||
name: "Jessica B.",
|
||||
role: "Relocating Professional",
|
||||
quote: "Exceptional white-glove service. Found my dream home in days.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/middle-aged-business-man-riding-scooter-classy-suit_1303-23548.jpg",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
<TestimonialsSection />
|
||||
|
||||
<div id="ai-assistant" data-section="ai-assistant">
|
||||
<SectionErrorBoundary name="ai-assistant">
|
||||
<FaqSplitMedia
|
||||
tag="Innovative Technology"
|
||||
title="Your AI Real Estate Assistant"
|
||||
description="Colin integrates advanced AI to ensure no opportunity is ever missed, qualifying leads 24/7."
|
||||
items={[
|
||||
{
|
||||
question: "24/7 Availability",
|
||||
answer: "Our AI assistant answers calls and responds to inquiries instantly, day or night.",
|
||||
},
|
||||
{
|
||||
question: "Lead Qualification",
|
||||
answer: "Seamlessly filters and qualifies buyers and sellers so we focus on the best opportunities.",
|
||||
},
|
||||
{
|
||||
question: "Smart Scheduling",
|
||||
answer: "Automatically books consultations directly into Colin's calendar with full CRM sync.",
|
||||
},
|
||||
{
|
||||
question: "SMS Follow-up",
|
||||
answer: "Personalized, automated follow-up sequences ensure your interest stays hot.",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-vector/gradient-metaverse-concept-landing-page_23-2149430489.jpg"
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
<AiAssistantSection />
|
||||
|
||||
<div id="cta-banner" data-section="cta-banner">
|
||||
<SectionErrorBoundary name="cta-banner">
|
||||
<ContactCta
|
||||
tag="Ready to move?"
|
||||
text="Experience the ultimate luxury real estate partnership in Dallas today."
|
||||
primaryButton={{
|
||||
text: "Book Consultation",
|
||||
href: "#contact",
|
||||
}}
|
||||
secondaryButton={{
|
||||
text: "AI Assistant Access",
|
||||
href: "#ai-assistant",
|
||||
}}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
<CtaBannerSection />
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<SectionErrorBoundary name="contact">
|
||||
<AboutMediaOverlay
|
||||
tag="Get in touch"
|
||||
title="Colin A. Dehorney"
|
||||
description="3800 Maple Ave #800, Dallas, TX 75219 | Phone: +1 214-490-1203 | Reach out to begin your exclusive luxury journey."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/photo-ground-texture-pattern_58702-11947.jpg"
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
<ContactSection />
|
||||
</>
|
||||
);
|
||||
}
|
||||
|
||||
39
src/pages/HomePage/sections/AiAssistant.tsx
Normal file
39
src/pages/HomePage/sections/AiAssistant.tsx
Normal file
@@ -0,0 +1,39 @@
|
||||
// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
|
||||
// file as the canonical source for the "ai-assistant" section.
|
||||
|
||||
import React from 'react';
|
||||
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
|
||||
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
|
||||
|
||||
export default function AiAssistantSection(): React.JSX.Element {
|
||||
return (
|
||||
<div id="ai-assistant" data-section="ai-assistant">
|
||||
<SectionErrorBoundary name="ai-assistant">
|
||||
<FaqSplitMedia
|
||||
tag="Innovative Technology"
|
||||
title="Your AI Real Estate Assistant"
|
||||
description="Colin integrates advanced AI to ensure no opportunity is ever missed, qualifying leads 24/7."
|
||||
items={[
|
||||
{
|
||||
question: "24/7 Availability",
|
||||
answer: "Our AI assistant answers calls and responds to inquiries instantly, day or night.",
|
||||
},
|
||||
{
|
||||
question: "Lead Qualification",
|
||||
answer: "Seamlessly filters and qualifies buyers and sellers so we focus on the best opportunities.",
|
||||
},
|
||||
{
|
||||
question: "Smart Scheduling",
|
||||
answer: "Automatically books consultations directly into Colin's calendar with full CRM sync.",
|
||||
},
|
||||
{
|
||||
question: "SMS Follow-up",
|
||||
answer: "Personalized, automated follow-up sequences ensure your interest stays hot.",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-vector/gradient-metaverse-concept-landing-page_23-2149430489.jpg"
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
21
src/pages/HomePage/sections/Contact.tsx
Normal file
21
src/pages/HomePage/sections/Contact.tsx
Normal file
@@ -0,0 +1,21 @@
|
||||
// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
|
||||
// file as the canonical source for the "contact" section.
|
||||
|
||||
import React from 'react';
|
||||
import AboutMediaOverlay from '@/components/sections/about/AboutMediaOverlay';
|
||||
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
|
||||
|
||||
export default function ContactSection(): React.JSX.Element {
|
||||
return (
|
||||
<div id="contact" data-section="contact">
|
||||
<SectionErrorBoundary name="contact">
|
||||
<AboutMediaOverlay
|
||||
tag="Get in touch"
|
||||
title="Colin A. Dehorney"
|
||||
description="3800 Maple Ave #800, Dallas, TX 75219 | Phone: +1 214-490-1203 | Reach out to begin your exclusive luxury journey."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/photo-ground-texture-pattern_58702-11947.jpg"
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
27
src/pages/HomePage/sections/CtaBanner.tsx
Normal file
27
src/pages/HomePage/sections/CtaBanner.tsx
Normal file
@@ -0,0 +1,27 @@
|
||||
// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
|
||||
// file as the canonical source for the "cta-banner" section.
|
||||
|
||||
import React from 'react';
|
||||
import ContactCta from '@/components/sections/contact/ContactCta';
|
||||
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
|
||||
|
||||
export default function CtaBannerSection(): React.JSX.Element {
|
||||
return (
|
||||
<div id="cta-banner" data-section="cta-banner">
|
||||
<SectionErrorBoundary name="cta-banner">
|
||||
<ContactCta
|
||||
tag="Ready to move?"
|
||||
text="Experience the ultimate luxury real estate partnership in Dallas today."
|
||||
primaryButton={{
|
||||
text: "Book Consultation",
|
||||
href: "#contact",
|
||||
}}
|
||||
secondaryButton={{
|
||||
text: "AI Assistant Access",
|
||||
href: "#ai-assistant",
|
||||
}}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
19
src/pages/HomePage/sections/Hero.tsx
Normal file
19
src/pages/HomePage/sections/Hero.tsx
Normal file
@@ -0,0 +1,19 @@
|
||||
// Created by add_section_from_catalog (HeroOverlay).
|
||||
|
||||
import React from 'react';
|
||||
import HeroOverlay from '@/components/sections/hero/HeroOverlay';
|
||||
|
||||
export default function HeroSection(): React.JSX.Element {
|
||||
return (
|
||||
<div data-webild-section="hero" id="hero">
|
||||
<HeroOverlay
|
||||
title="Redefining Luxury Living in Dallas"
|
||||
description="With over 30 glowing reviews and 4.9 stars, experience world-class residential real estate services dedicated to your success."
|
||||
tag="Colin A. Dehorney Realtor"
|
||||
imageSrc="https://images.unsplash.com/photo-1600596542815-ffad4c1539a9?ixlib=rb-4.0.3&auto=format&fit=crop&w=2075&q=80"
|
||||
primaryButton={{"href":"#contact","text":"Book Consultation"}}
|
||||
secondaryButton={{"href":"#properties","text":"Browse Properties"}}
|
||||
/>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
58
src/pages/HomePage/sections/Neighborhoods.tsx
Normal file
58
src/pages/HomePage/sections/Neighborhoods.tsx
Normal file
@@ -0,0 +1,58 @@
|
||||
// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
|
||||
// file as the canonical source for the "neighborhoods" section.
|
||||
|
||||
import React from 'react';
|
||||
import FeaturesMediaCarousel from '@/components/sections/features/FeaturesMediaCarousel';
|
||||
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
|
||||
|
||||
export default function NeighborhoodsSection(): React.JSX.Element {
|
||||
return (
|
||||
<div id="neighborhoods" data-section="neighborhoods">
|
||||
<SectionErrorBoundary name="neighborhoods">
|
||||
<FeaturesMediaCarousel
|
||||
tag="Explore Dallas"
|
||||
title="Neighborhood Guide"
|
||||
description="Find your perfect enclave in the city's most desirable zip codes."
|
||||
items={[
|
||||
{
|
||||
title: "Highland Park",
|
||||
description: "Prestigious, tree-lined streets with historic charm.",
|
||||
buttonIcon: "ArrowRight",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/lovely-woman-with-breakfast-xmas-christmas-morning_132075-10831.jpg",
|
||||
},
|
||||
{
|
||||
title: "Turtle Creek",
|
||||
description: "Sophisticated urban living surrounded by nature.",
|
||||
buttonIcon: "ArrowRight",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/asian-women-wake-up-from-sleep-are-stretch-herself-morning-weekend-sit-bed-luxury-room-relax-weekend-concept_1253-1031.jpg",
|
||||
},
|
||||
{
|
||||
title: "Preston Hollow",
|
||||
description: "Exclusive estates with unparalleled privacy.",
|
||||
buttonIcon: "ArrowRight",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/futuristic-city-architecture_23-2151918967.jpg",
|
||||
},
|
||||
{
|
||||
title: "Uptown",
|
||||
description: "High-energy lifestyle with luxury amenities.",
|
||||
buttonIcon: "ArrowRight",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dark-vip-cinema-studio-still-life_23-2149500609.jpg",
|
||||
},
|
||||
{
|
||||
title: "Park Cities",
|
||||
description: "Community-focused elegance and excellence.",
|
||||
buttonIcon: "ArrowRight",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-curly-woman-stylish-black-silk-suit-sandals-sits-carpet-floor-living-room-ho_197531-33668.jpg",
|
||||
},
|
||||
{
|
||||
title: "Downtown",
|
||||
description: "Pulsating heart of the metropolitan luxury experience.",
|
||||
buttonIcon: "ArrowRight",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/interior-fragment-with-armchairs-glass-wall-stylish-lounge-area-furniture_169016-72729.jpg",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
64
src/pages/HomePage/sections/Properties.tsx
Normal file
64
src/pages/HomePage/sections/Properties.tsx
Normal file
@@ -0,0 +1,64 @@
|
||||
// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
|
||||
// file as the canonical source for the "properties" section.
|
||||
|
||||
import React from 'react';
|
||||
import FeaturesRevealCardsBento from '@/components/sections/features/FeaturesRevealCardsBento';
|
||||
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
|
||||
|
||||
export default function PropertiesSection(): React.JSX.Element {
|
||||
return (
|
||||
<div id="properties" data-section="properties">
|
||||
<SectionErrorBoundary name="properties">
|
||||
<FeaturesRevealCardsBento
|
||||
tag="Curated Listings"
|
||||
title="Featured Luxury Properties"
|
||||
description="Discover exceptional homes designed for the most discerning lifestyles."
|
||||
items={[
|
||||
{
|
||||
title: "Maple Ave Penthouse",
|
||||
description: "Urban luxury living in the heart of Dallas.",
|
||||
href: "#",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-lighting-lamp-with-futuristic-design_23-2151037465.jpg",
|
||||
},
|
||||
{
|
||||
title: "Highland Park Estate",
|
||||
description: "Classic architecture with modern smart home technology.",
|
||||
href: "#",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/interior-modern-kitchen-with-wooden-details_169016-20193.jpg",
|
||||
},
|
||||
{
|
||||
title: "Turtle Creek Manor",
|
||||
description: "Exquisite finishes throughout this designer residence.",
|
||||
href: "#",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-beautiful-luxury-bedroom-suite-hotel-with-tv-working-table_105762-2016.jpg",
|
||||
},
|
||||
{
|
||||
title: "Dallas Skyline Villa",
|
||||
description: "Unrivaled views of the city skyline.",
|
||||
href: "#",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-urban-gym_23-2151918008.jpg",
|
||||
},
|
||||
{
|
||||
title: "Modern Urban Loft",
|
||||
description: "Cutting-edge design meets industrial chic.",
|
||||
href: "#",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-3d-cinema-theatre-room_23-2151066967.jpg",
|
||||
},
|
||||
{
|
||||
title: "Private Residence",
|
||||
description: "Spacious sanctuary in an exclusive neighborhood.",
|
||||
href: "#",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/laptop-marble-table_53876-71231.jpg",
|
||||
},
|
||||
{
|
||||
title: "Custom Luxury Build",
|
||||
description: "Tailored perfection with bespoke interiors.",
|
||||
href: "#",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/chic-mid-century-modern-luxury-aesthetics-living-room-with-gray-velvet-couch-golden-lamp_53876-139781.jpg",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
57
src/pages/HomePage/sections/Testimonials.tsx
Normal file
57
src/pages/HomePage/sections/Testimonials.tsx
Normal file
@@ -0,0 +1,57 @@
|
||||
// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
|
||||
// file as the canonical source for the "testimonials" section.
|
||||
|
||||
import React from 'react';
|
||||
import TestimonialRatingCards from '@/components/sections/testimonial/TestimonialRatingCards';
|
||||
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
|
||||
|
||||
export default function TestimonialsSection(): React.JSX.Element {
|
||||
return (
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<SectionErrorBoundary name="testimonials">
|
||||
<TestimonialRatingCards
|
||||
tag="Client Success"
|
||||
title="What Clients Say"
|
||||
description="30+ verified reviews showcasing our commitment to excellence."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Sarah J.",
|
||||
role: "Home Buyer",
|
||||
quote: "Colin's market expertise turned a stressful process into a seamless luxury experience.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-senior-businessman-pointing-with-finger_1262-3108.jpg",
|
||||
},
|
||||
{
|
||||
name: "Michael R.",
|
||||
role: "Investor",
|
||||
quote: "Unparalleled knowledge of the Dallas luxury market. A true professional.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-classy-woman-blue-suit_1303-22641.jpg",
|
||||
},
|
||||
{
|
||||
name: "Emily K.",
|
||||
role: "Property Seller",
|
||||
quote: "Sold my estate in record time. Colin's attention to detail is unmatched.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/financial-independent-woman-buying-new-house_23-2149571918.jpg",
|
||||
},
|
||||
{
|
||||
name: "David L.",
|
||||
role: "Homeowner",
|
||||
quote: "I won't use any other realtor in Texas. Simply the best.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/goal-oriented-businessman-focuses-his-company-career-development_482257-123195.jpg",
|
||||
},
|
||||
{
|
||||
name: "Jessica B.",
|
||||
role: "Relocating Professional",
|
||||
quote: "Exceptional white-glove service. Found my dream home in days.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/middle-aged-business-man-riding-scooter-classy-suit_1303-23548.jpg",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
49
src/pages/HomePage/sections/WhyUs.tsx
Normal file
49
src/pages/HomePage/sections/WhyUs.tsx
Normal file
@@ -0,0 +1,49 @@
|
||||
// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
|
||||
// file as the canonical source for the "why-us" section.
|
||||
|
||||
import React from 'react';
|
||||
import MetricsFeatureCards from '@/components/sections/metrics/MetricsFeatureCards';
|
||||
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
|
||||
|
||||
export default function WhyUsSection(): React.JSX.Element {
|
||||
return (
|
||||
<div id="why-us" data-section="why-us">
|
||||
<SectionErrorBoundary name="why-us">
|
||||
<MetricsFeatureCards
|
||||
tag="Excellence Guaranteed"
|
||||
title="Why Choose Colin A. Dehorney"
|
||||
description="Setting the gold standard in Dallas luxury real estate through data-driven results and white-glove service."
|
||||
metrics={[
|
||||
{
|
||||
value: "4.9★",
|
||||
title: "Client Rating",
|
||||
features: [
|
||||
"Expert Negotiation",
|
||||
"Local Market Insight",
|
||||
"VIP Communication",
|
||||
],
|
||||
},
|
||||
{
|
||||
value: "30+",
|
||||
title: "Success Stories",
|
||||
features: [
|
||||
"Proven Results",
|
||||
"Personalized Strategy",
|
||||
"Global Reach",
|
||||
],
|
||||
},
|
||||
{
|
||||
value: "10+ Yrs",
|
||||
title: "Experience",
|
||||
features: [
|
||||
"Market Resilience",
|
||||
"Luxury Expertise",
|
||||
"Deep Connections",
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user