18 Commits

Author SHA1 Message Date
ec7d4940a3 Update theme colors 2026-03-11 03:58:25 +00:00
98a1c8696d Update theme colors 2026-03-11 03:58:15 +00:00
6424d874f9 Update theme colors 2026-03-11 03:57:05 +00:00
b36e788f0a Update theme colors 2026-03-11 03:56:51 +00:00
d5e9113fc3 Update theme colors 2026-03-11 02:34:02 +00:00
ef3813bc86 Update theme colors 2026-03-11 02:33:48 +00:00
1c6c7e3103 Update theme colors 2026-03-11 02:33:19 +00:00
5cb959a27a Update src/app/page.tsx 2026-03-11 02:26:29 +00:00
bf94dc196f Update src/app/page.tsx 2026-03-11 02:15:45 +00:00
a0b1e94a0a Update src/app/page.tsx 2026-03-11 01:58:57 +00:00
bbdcfc5260 Update src/app/page.tsx 2026-03-11 01:58:06 +00:00
cead8f4f2b Merge version_3 into main
Merge version_3 into main
2026-03-11 01:55:56 +00:00
7e807733f5 Update src/app/page.tsx 2026-03-11 01:55:52 +00:00
15d5bcd880 Merge version_3 into main
Merge version_3 into main
2026-03-11 01:52:55 +00:00
36196fc0ff Update src/app/page.tsx 2026-03-11 01:52:51 +00:00
7642759650 Merge version_2 into main
Merge version_2 into main
2026-03-11 01:51:29 +00:00
2607d2ef96 Merge version_2 into main
Merge version_2 into main
2026-03-11 01:51:08 +00:00
403c2c508d Merge version_2 into main
Merge version_2 into main
2026-03-11 01:50:06 +00:00
2 changed files with 27 additions and 20 deletions

View File

@@ -2,7 +2,7 @@
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider"; import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen"; import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen";
import HeroBillboardRotatedCarousel from "@/components/sections/hero/HeroBillboardRotatedCarousel"; import HeroBillboard from "@/components/sections/hero/HeroBillboard";
import FeatureCardTwentyFour from "@/components/sections/feature/FeatureCardTwentyFour"; import FeatureCardTwentyFour from "@/components/sections/feature/FeatureCardTwentyFour";
import TextSplitAbout from "@/components/sections/about/TextSplitAbout"; import TextSplitAbout from "@/components/sections/about/TextSplitAbout";
import ProductCardFour from "@/components/sections/product/ProductCardFour"; import ProductCardFour from "@/components/sections/product/ProductCardFour";
@@ -83,12 +83,20 @@ export default function HomePage() {
/> />
</div> </div>
<div id="hero" data-section="hero" className="bg-gradient-to-b from-gray-50 to-white"> <div id="hero" data-section="hero">
<div className="h-screen w-full flex items-center justify-center"> <HeroBillboard
<h1 className="text-6xl md:text-8xl font-bold text-center text-gray-900"> title="Flying V Construction"
Flying V Construction description="A trusted and family-owned business dedicated to delivering exceptional quality and reliability"
</h1> background={{ variant: "plain" }}
</div> buttons={[
{ text: "Get a Free Quote", href: "/contact" },
{ text: "Learn More", href: "/about" },
]}
imageSrc="http://img.b2bpic.net/free-photo/man-working-roof-medium-shot_23-2149343644.jpg?_wi=1"
imageAlt="Professional roofing and construction work"
mediaAnimation="slide-up"
ariaLabel="Hero section for Flying V Construction"
/>
</div> </div>
<div id="services" data-section="services" className="py-20"> <div id="services" data-section="services" className="py-20">
@@ -106,8 +114,7 @@ export default function HomePage() {
id: "fencing", title: "Fencing Solutions", author: "Expert Service", description: "Quality fence installation for privacy, security, and curb appeal. Wood, vinyl, and composite options to match your home's style.", tags: ["Fencing", "Privacy"], id: "fencing", title: "Fencing Solutions", author: "Expert Service", description: "Quality fence installation for privacy, security, and curb appeal. Wood, vinyl, and composite options to match your home's style.", tags: ["Fencing", "Privacy"],
imageSrc: "http://img.b2bpic.net/free-photo/wooden-cross-nature-with-wooden-fence-it_181624-45737.jpg?_wi=1", imageAlt: "privacy fence residential backyard wooden"}, imageSrc: "http://img.b2bpic.net/free-photo/wooden-cross-nature-with-wooden-fence-it_181624-45737.jpg?_wi=1", imageAlt: "privacy fence residential backyard wooden"},
{ {
id: "exterior", title: "Exterior Renovations", author: "Expert Service", description: "Complete exterior upgrades including siding, trim, windows, and doors. Transform your home's appearance and energy efficiency.", tags: ["Renovation", "Exterior"], id: "exterior", title: "Exterior Renovations", author: "Expert Service", description: "Complete exterior upgrades including siding, trim, windows, and doors. Transform your home's appearance and energy efficiency.", tags: ["Renovation", "Exterior"], imageSrc: "http://img.b2bpic.net/free-photo/two-happy-woman-friends-with-sunglasses-vacation-tropical-country_343596-723.jpg?_wi=1", imageAlt: "home exterior renovation siding windows"},
imageSrc: "http://img.b2bpic.net/free-photo/two-happy-woman-friends-with-sunglasses-vacation-tropical-country_343596-723.jpg?_wi=1", imageAlt: "home exterior renovation siding windows"},
]} ]}
animationType="slide-up" animationType="slide-up"
textboxLayout="default" textboxLayout="default"
@@ -138,13 +145,13 @@ export default function HomePage() {
{ {
id: "project-2", name: "Full Roof Replacement", price: "Completed 2024", variant: "Premium Shingles", imageSrc: "http://img.b2bpic.net/free-photo/sky-modern-building_23-2147694760.jpg?_wi=1", imageAlt: "full roof replacement new shingles"}, id: "project-2", name: "Full Roof Replacement", price: "Completed 2024", variant: "Premium Shingles", imageSrc: "http://img.b2bpic.net/free-photo/sky-modern-building_23-2147694760.jpg?_wi=1", imageAlt: "full roof replacement new shingles"},
{ {
id: "project-3", name: "Cedar Fence Installation", price: "Completed 2024", variant: "6ft Privacy Fence", imageSrc: "http://img.b2bpic.net/free-photo/still-life-bicycle-basket_23-2149682001.jpg?_wi=1", imageAlt: "cedar fence installation completed"}, id: "project-3", name: "Fence Installation", price: "Completed 2024", variant: "6ft Privacy Fence", imageSrc: "http://img.b2bpic.net/free-photo/still-life-bicycle-basket_23-2149682001.jpg?_wi=1", imageAlt: "cedar fence installation completed"},
{ {
id: "project-4", name: "Exterior Siding Upgrade", price: "Completed 2024", variant: "James Hardie Board", imageSrc: "http://img.b2bpic.net/free-photo/low-angle-shot-apartment-building-sunlight-daytime_181624-19251.jpg?_wi=1", imageAlt: "home siding upgrade modern exterior"}, id: "project-4", name: "Exterior Siding Upgrade", price: "Completed 2024", variant: "James Hardie Board", imageSrc: "http://img.b2bpic.net/free-photo/low-angle-shot-apartment-building-sunlight-daytime_181624-19251.jpg?_wi=1", imageAlt: "home siding upgrade modern exterior"},
{ {
id: "project-5", name: "Covered Deck Addition", price: "Completed 2024", variant: "Composite + Roofing", imageSrc: "http://img.b2bpic.net/free-photo/parasol-chairs_1137-314.jpg?_wi=1", imageAlt: "covered patio deck modern outdoor"}, id: "project-5", name: "Covered Deck Addition", price: "Completed 2024", variant: "Composite + Roofing", imageSrc: "http://img.b2bpic.net/free-photo/parasol-chairs_1137-314.jpg?_wi=1", imageAlt: "covered patio deck modern outdoor"},
{ {
id: "project-6", name: "Complete Exterior Refresh", price: "Completed 2024", variant: "Multiple Services", imageSrc: "http://img.b2bpic.net/free-photo/creative-people-talking-office_23-2147668785.jpg?_wi=1", imageAlt: "complete home exterior renovation"}, id: "project-6", name: "Complete Exterior and Interior Refresh", price: "Completed 2024", variant: "Multiple Services", imageSrc: "http://img.b2bpic.net/free-photo/creative-people-talking-office_23-2147668785.jpg?_wi=1", imageAlt: "complete home exterior renovation"},
]} ]}
gridVariant="uniform-all-items-equal" gridVariant="uniform-all-items-equal"
animationType="slide-up" animationType="slide-up"

View File

@@ -10,15 +10,15 @@
--accent: #ffffff; --accent: #ffffff;
--background-accent: #ffffff; */ --background-accent: #ffffff; */
--background: #f5f5f5; --background: #ffffff;
--card: #ffffff; --card: #f9f9f9;
--foreground: #1c1c1c; --foreground: #000612e6;
--primary-cta: #1c1c1c; --primary-cta: #15479c;
--primary-cta-text: #f5f5f5; --primary-cta-text: #ffffff;
--secondary-cta: #ffffff; --secondary-cta: #f9f9f9;
--secondary-cta-text: #1c1c1c; --secondary-cta-text: #000612e6;
--accent: #15479c; --accent: #e2e2e2;
--background-accent: #a8cce8; --background-accent: #c4c4c4;
/* text sizing - set by ThemeProvider */ /* text sizing - set by ThemeProvider */
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem); /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);