Compare commits
9 Commits
version_1_
...
main
| Author | SHA1 | Date | |
|---|---|---|---|
| aa1e3c0c77 | |||
|
|
794a4e4b9a | ||
| 9323b0459b | |||
|
|
ac0bc58632 | ||
| fe51112cba | |||
|
|
b5720cecbc | ||
| 27a4dbfd9b | |||
|
|
d280e8d2bf | ||
| b30d5b0f4d |
@@ -36,7 +36,7 @@ export default function Layout() {
|
||||
<SectionErrorBoundary name="navbar">
|
||||
<NavbarFloatingLogo
|
||||
logo="REGENCY PARC"
|
||||
logoImageSrc="https://storage.googleapis.com/webild/users/user_3EhKCAc7dRcalBlvDomNzLZUSI3/uploaded-1782064111203-csp455vf.jpg"
|
||||
logoImageSrc="https://storage.googleapis.com/webild/users/user_3EhKCAc7dRcalBlvDomNzLZUSI3/uploaded-1782064360038-v8f2ithb.png"
|
||||
ctaButton={{
|
||||
text: "Inquire", href: "#contact"}}
|
||||
navItems={navItems} />
|
||||
|
||||
@@ -1,4 +1,4 @@
|
||||
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');
|
||||
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400..900;1,400..900&family=Inter:wght@300;400;500;600&display=swap');
|
||||
@import "tailwindcss";
|
||||
@import "./styles/masks.css";
|
||||
@import "./styles/animations.css";
|
||||
@@ -89,7 +89,7 @@
|
||||
|
||||
/* Fonts */
|
||||
--font-sans: 'Inter', sans-serif;
|
||||
--font-tight: "Inter Tight", sans-serif;
|
||||
--font-tight: "Playfair Display", serif;
|
||||
--font-mono: monospace;
|
||||
|
||||
/* Border Radius */
|
||||
|
||||
@@ -1,207 +1,22 @@
|
||||
import AboutText from '@/components/sections/about/AboutText';
|
||||
import ContactCta from '@/components/sections/contact/ContactCta';
|
||||
import FeaturesComparison from '@/components/sections/features/FeaturesComparison';
|
||||
import FeaturesImageBento from '@/components/sections/features/FeaturesImageBento';
|
||||
import HeroBillboardTiltedCarousel from '@/components/sections/hero/HeroBillboardTiltedCarousel';
|
||||
import MetricsMediaCards from '@/components/sections/metrics/MetricsMediaCards';
|
||||
import TeamProfileCards from '@/components/sections/team/TeamProfileCards';
|
||||
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
|
||||
import React from 'react';
|
||||
import HeroSection from './HomePage/sections/Hero';
|
||||
import AboutSection from './HomePage/sections/About';
|
||||
import FeaturesSection from './HomePage/sections/Features';
|
||||
import SiteplanSection from './HomePage/sections/Siteplan';
|
||||
import BuildersSection from './HomePage/sections/Builders';
|
||||
import LocationSection from './HomePage/sections/Location';
|
||||
import ContactSection from './HomePage/sections/Contact';
|
||||
|
||||
export default function HomePage() {
|
||||
export default function HomePage(): React.JSX.Element {
|
||||
return (
|
||||
<>
|
||||
<div id="hero" data-section="hero">
|
||||
<SectionErrorBoundary name="hero">
|
||||
<HeroBillboardTiltedCarousel
|
||||
tag="Modern. Timeless. Exclusive."
|
||||
title="Regency Parc"
|
||||
description="An exclusive, gated enclave of twelve custom estate homes in McKinney, Texas."
|
||||
primaryButton={{
|
||||
text: "Request Information",
|
||||
href: "#contact",
|
||||
}}
|
||||
secondaryButton={{
|
||||
text: "View Site Plan",
|
||||
href: "#siteplan",
|
||||
}}
|
||||
items={[
|
||||
{
|
||||
imageSrc: "https://storage.googleapis.com/webild/users/user_3EhKCAc7dRcalBlvDomNzLZUSI3/uploaded-1782064111199-770ebao0.png",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-people-with-delicious-food_23-2149409382.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/brunette-woman-sitting-cement-seat-urban-park_23-2148328850.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/low-angle-shot-white-church-with-beautiful-flower-garden_181624-27038.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/houses-with-yacht-old-port-nesebar-bulgaria_627829-7533.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/minimalist-architecture-space_23-2151912514.jpg",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<SectionErrorBoundary name="about">
|
||||
<AboutText
|
||||
title="A rare opportunity to build an extraordinary custom home on exceptional land in the heart of Collin County."
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<SectionErrorBoundary name="features">
|
||||
<FeaturesComparison
|
||||
tag="Exclusivity"
|
||||
title="The Regency Parc Advantage"
|
||||
description="A private, gated enclave designed for privacy and prestige."
|
||||
negativeItems={[
|
||||
"High-density development",
|
||||
"Mass-produced housing",
|
||||
"Public thoroughfare traffic",
|
||||
]}
|
||||
positiveItems={[
|
||||
"Twelve exclusive homesites",
|
||||
"Bespoke custom architecture",
|
||||
"Private gated sanctuary",
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="siteplan" data-section="siteplan">
|
||||
<SectionErrorBoundary name="siteplan">
|
||||
<FeaturesImageBento
|
||||
tag="Availability"
|
||||
title="The Masterplan"
|
||||
description="Twelve premium estates starting at 1.3M."
|
||||
items={[
|
||||
{
|
||||
title: "Lot 1",
|
||||
description: "14,250 SFT",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/aerial-view-village-coast-algarve-portugal-concept-beach-portugal-summer-vacations_231208-6931.jpg",
|
||||
},
|
||||
{
|
||||
title: "Lot 2",
|
||||
description: "12,980 SFT",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/aerial-view-new-houses-bridgwater-somerset-uk_181624-45738.jpg",
|
||||
},
|
||||
{
|
||||
title: "Lot 3",
|
||||
description: "12,980 SFT",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-aerial-view-village-with-fields_181624-45926.jpg",
|
||||
},
|
||||
{
|
||||
title: "Lot 4",
|
||||
description: "12,450 SFT",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/village-view-from_1385-477.jpg",
|
||||
},
|
||||
{
|
||||
title: "Lot 5",
|
||||
description: "12,780 SFT",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/aerial-drone-view-zadar-sunset-croatia-historical-city-centre-with-old-buildings_1268-23578.jpg",
|
||||
},
|
||||
{
|
||||
title: "Lot 6",
|
||||
description: "14,250 SFT",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/parking_1127-4166.jpg",
|
||||
},
|
||||
{
|
||||
title: "Lot 7",
|
||||
description: "16,500 SFT",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/set-designer-work-indoors_23-2149837022.jpg",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="builders" data-section="builders">
|
||||
<SectionErrorBoundary name="builders">
|
||||
<TeamProfileCards
|
||||
tag="Craftsmanship"
|
||||
title="Established Custom Builders"
|
||||
description="Collaborate with North Texas's most respected names in custom estate construction."
|
||||
items={[
|
||||
{
|
||||
title: "The GG Cain Company",
|
||||
description: "Defining luxury craftsmanship for decades.",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/luxury-home-exterior-dusk-with-illuminated-garden_23-2152016383.jpg",
|
||||
buttonText: "View Portfolio",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/street-with-modern-buildings-green-trees_1268-15550.jpg",
|
||||
},
|
||||
{
|
||||
title: "Rod Wede Custom Homes",
|
||||
description: "Uncompromising quality and detail.",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/view-luxurious-villa-with-modern-architectural-design_23-2151694119.jpg",
|
||||
buttonText: "View Portfolio",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blending-futuristic-building-seamlessly-into-desert-landscape_23-2151248309.jpg",
|
||||
},
|
||||
{
|
||||
title: "Inquire Today",
|
||||
description: "Schedule a private consultation.",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/house-entrance-japan-building_23-2149301111.jpg",
|
||||
buttonText: "Contact Us",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-athletes-warming-up-before-workout_1098-19295.jpg",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="location" data-section="location">
|
||||
<SectionErrorBoundary name="location">
|
||||
<MetricsMediaCards
|
||||
tag="Lifestyle"
|
||||
title="McKinney Prestige"
|
||||
description="Situated in the prime enclave of Stone Bridge Drive."
|
||||
metrics={[
|
||||
{
|
||||
value: "12",
|
||||
title: "Private Estates",
|
||||
description: "Strictly limited community size.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/country-music-band-singing-outdoors_23-2149498495.jpg",
|
||||
},
|
||||
{
|
||||
value: "2",
|
||||
title: "Gated Entries",
|
||||
description: "Privacy and security.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/old-house-with-tiled-roof_169016-29073.jpg",
|
||||
},
|
||||
{
|
||||
value: "1",
|
||||
title: "Prestige Address",
|
||||
description: "Collin County's finest.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/city-view_1417-1895.jpg",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<SectionErrorBoundary name="contact">
|
||||
<ContactCta
|
||||
tag="Inquire"
|
||||
text="Only twelve custom estates. Secure your future at Regency Parc."
|
||||
primaryButton={{
|
||||
text: "Contact Representative",
|
||||
href: "#contact",
|
||||
}}
|
||||
secondaryButton={{
|
||||
text: "Download Site Details",
|
||||
href: "#",
|
||||
}}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
<HeroSection />
|
||||
<SiteplanSection />
|
||||
<AboutSection />
|
||||
<FeaturesSection />
|
||||
<BuildersSection />
|
||||
<LocationSection />
|
||||
<ContactSection />
|
||||
</>
|
||||
);
|
||||
}
|
||||
}
|
||||
18
src/pages/HomePage/sections/About.tsx
Normal file
18
src/pages/HomePage/sections/About.tsx
Normal file
@@ -0,0 +1,18 @@
|
||||
// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
|
||||
// file as the canonical source for the "about" section.
|
||||
|
||||
import React from 'react';
|
||||
import AboutText from '@/components/sections/about/AboutText';
|
||||
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
|
||||
|
||||
export default function AboutSection(): React.JSX.Element {
|
||||
return (
|
||||
<div id="about" data-section="about">
|
||||
<SectionErrorBoundary name="about">
|
||||
<AboutText
|
||||
title="A rare opportunity to build an extraordinary custom home on exceptional land in the heart of Collin County. Crafted for modern living, luxury without compromise."
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
43
src/pages/HomePage/sections/Builders.tsx
Normal file
43
src/pages/HomePage/sections/Builders.tsx
Normal file
@@ -0,0 +1,43 @@
|
||||
// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
|
||||
// file as the canonical source for the "builders" section.
|
||||
|
||||
import React from 'react';
|
||||
import TeamProfileCards from '@/components/sections/team/TeamProfileCards';
|
||||
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
|
||||
|
||||
export default function BuildersSection(): React.JSX.Element {
|
||||
return (
|
||||
<div id="builders" data-section="builders">
|
||||
<SectionErrorBoundary name="builders">
|
||||
<TeamProfileCards
|
||||
tag="Craftsmanship"
|
||||
title="Established Custom Builders"
|
||||
description="Collaborate with North Texas's most respected names in custom estate construction."
|
||||
items={[
|
||||
{
|
||||
title: "The GG Cain Company",
|
||||
description: "Defining luxury craftsmanship for decades.",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/luxury-home-exterior-dusk-with-illuminated-garden_23-2152016383.jpg",
|
||||
buttonText: "View Portfolio",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/street-with-modern-buildings-green-trees_1268-15550.jpg",
|
||||
},
|
||||
{
|
||||
title: "Rod Wede Custom Homes",
|
||||
description: "Uncompromising quality and detail.",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/view-luxurious-villa-with-modern-architectural-design_23-2151694119.jpg",
|
||||
buttonText: "View Portfolio",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blending-futuristic-building-seamlessly-into-desert-landscape_23-2151248309.jpg",
|
||||
},
|
||||
{
|
||||
title: "Inquire Today",
|
||||
description: "Schedule a private consultation.",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/house-entrance-japan-building_23-2149301111.jpg",
|
||||
buttonText: "Contact Us",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-athletes-warming-up-before-workout_1098-19295.jpg",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
27
src/pages/HomePage/sections/Contact.tsx
Normal file
27
src/pages/HomePage/sections/Contact.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 "contact" section.
|
||||
|
||||
import React from 'react';
|
||||
import ContactCta from '@/components/sections/contact/ContactCta';
|
||||
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
|
||||
|
||||
export default function ContactSection(): React.JSX.Element {
|
||||
return (
|
||||
<div id="contact" data-section="contact">
|
||||
<SectionErrorBoundary name="contact">
|
||||
<ContactCta
|
||||
tag="Inquire"
|
||||
text="Only twelve custom estates. Secure your future at Regency Parc."
|
||||
primaryButton={{
|
||||
text: "Contact Representative",
|
||||
href: "#contact",
|
||||
}}
|
||||
secondaryButton={{
|
||||
text: "Download Site Details",
|
||||
href: "#",
|
||||
}}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
22
src/pages/HomePage/sections/Features.tsx
Normal file
22
src/pages/HomePage/sections/Features.tsx
Normal file
@@ -0,0 +1,22 @@
|
||||
// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
|
||||
// file as the canonical source for the "features" section.
|
||||
|
||||
import React from 'react';
|
||||
import FeaturesComparison from '@/components/sections/features/FeaturesComparison';
|
||||
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
|
||||
|
||||
export default function FeaturesSection(): React.JSX.Element {
|
||||
return (
|
||||
<div id="features" data-section="features">
|
||||
<SectionErrorBoundary name="features">
|
||||
<FeaturesComparison
|
||||
tag="Craftsmanship"
|
||||
title="Refined Interiors & Timeless Architecture"
|
||||
description="A private, gated enclave designed for privacy and prestige. Elevate your lifestyle with designer-selected finishes, energy efficiency, and premium materials."
|
||||
negativeItems={["Generic real-estate visuals","Mass-produced housing","Public thoroughfare traffic"]}
|
||||
positiveItems={["Architectural elevations","Designer-selected finishes","Energy efficiency & Customization options"]}
|
||||
/>
|
||||
</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
|
||||
imageSrc="https://storage.googleapis.com/webild/users/user_3EhKCAc7dRcalBlvDomNzLZUSI3/uploaded-1782064111199-770ebao0.png"
|
||||
description="An exclusive, gated enclave of twelve custom estate homes in McKinney, Texas. Homes starting at $1.3M."
|
||||
primaryButton={{"text":"Schedule a Private Tour","href":"#contact"}}
|
||||
title="Architecture Designed to Impress"
|
||||
secondaryButton={{"text":"View Available Homes","href":"#siteplan"}}
|
||||
tag="Modern Luxury, Thoughtfully Built."
|
||||
/>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
40
src/pages/HomePage/sections/Location.tsx
Normal file
40
src/pages/HomePage/sections/Location.tsx
Normal file
@@ -0,0 +1,40 @@
|
||||
// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
|
||||
// file as the canonical source for the "location" section.
|
||||
|
||||
import React from 'react';
|
||||
import MetricsMediaCards from '@/components/sections/metrics/MetricsMediaCards';
|
||||
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
|
||||
|
||||
export default function LocationSection(): React.JSX.Element {
|
||||
return (
|
||||
<div id="location" data-section="location">
|
||||
<SectionErrorBoundary name="location">
|
||||
<MetricsMediaCards
|
||||
tag="Lifestyle"
|
||||
title="McKinney Prestige"
|
||||
description="Situated in the prime enclave of Stone Bridge Drive."
|
||||
metrics={[
|
||||
{
|
||||
value: "12",
|
||||
title: "Private Estates",
|
||||
description: "Strictly limited community size.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/country-music-band-singing-outdoors_23-2149498495.jpg",
|
||||
},
|
||||
{
|
||||
value: "2",
|
||||
title: "Gated Entries",
|
||||
description: "Privacy and security.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/old-house-with-tiled-roof_169016-29073.jpg",
|
||||
},
|
||||
{
|
||||
value: "1",
|
||||
title: "Prestige Address",
|
||||
description: "Collin County's finest.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/city-view_1417-1895.jpg",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
21
src/pages/HomePage/sections/Siteplan.tsx
Normal file
21
src/pages/HomePage/sections/Siteplan.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 "siteplan" section.
|
||||
|
||||
import React from 'react';
|
||||
import FeaturesImageBento from '@/components/sections/features/FeaturesImageBento';
|
||||
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
|
||||
|
||||
export default function SiteplanSection(): React.JSX.Element {
|
||||
return (
|
||||
<div id="siteplan" data-section="siteplan">
|
||||
<SectionErrorBoundary name="siteplan">
|
||||
<FeaturesImageBento
|
||||
tag="Stunning Elevations"
|
||||
title="Distinctive Homes for the Way You Live"
|
||||
description="Twelve premium estates starting at $1.3M. Filter by availability and size."
|
||||
items={[{"imageSrc":"https://storage.googleapis.com/webild/users/user_3EhKCAc7dRcalBlvDomNzLZUSI3/uploaded-1782064111199-770ebao0.png","description":"14,250 SFT | Available Now","title":"Lot 1 - Build-to-Suit"},{"imageSrc":"http://img.b2bpic.net/free-photo/aerial-view-new-houses-bridgwater-somerset-uk_181624-45738.jpg","description":"12,980 SFT | Coming Soon","title":"Lot 2 - The Modern Farmhouse"},{"title":"Lot 3 - Build-to-Suit","imageSrc":"http://img.b2bpic.net/free-photo/beautiful-aerial-view-village-with-fields_181624-45926.jpg","description":"12,980 SFT | Available Now"},{"title":"Lot 4 - The Transitional","description":"12,450 SFT | Sold","imageSrc":"http://img.b2bpic.net/free-photo/village-view-from_1385-477.jpg"},{"imageSrc":"http://img.b2bpic.net/free-photo/aerial-drone-view-zadar-sunset-croatia-historical-city-centre-with-old-buildings_1268-23578.jpg","description":"12,780 SFT | Available Now","title":"Lot 5 - Build-to-Suit"},{"imageSrc":"http://img.b2bpic.net/free-photo/parking_1127-4166.jpg","description":"14,250 SFT | Coming Soon","title":"Lot 6 - The Contemporary"},{"title":"Lot 7 - Build-to-Suit","imageSrc":"http://img.b2bpic.net/free-photo/set-designer-work-indoors_23-2149837022.jpg","description":"16,500 SFT | Available Now"}]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user