Merge version_3 into main #3
121
src/app/page.tsx
121
src/app/page.tsx
@@ -15,87 +15,35 @@ import FooterSimple from '@/components/sections/footer/FooterSimple';
|
||||
import { Gauge, Hammer, Star } from "lucide-react";
|
||||
|
||||
const assetMap = [
|
||||
{
|
||||
"id": "hero-carousel-1", "url": "http://img.b2bpic.net/free-photo/parallel-sections-light-diagonal-minimal-kitchen_169016-69155.jpg", "alt": "luxury kitchen remodel before after"
|
||||
},
|
||||
{
|
||||
"id": "hero-carousel-2", "url": "http://img.b2bpic.net/free-photo/stack-crispbreads-wooden-board-marble-surface_114579-61252.jpg", "alt": "luxury bathroom remodel spa style"
|
||||
},
|
||||
{
|
||||
"id": "hero-carousel-3", "url": "http://img.b2bpic.net/free-photo/modern-empty-room_23-2150528598.jpg", "alt": "full home renovation living room modern"
|
||||
},
|
||||
{
|
||||
"id": "hero-carousel-4", "url": "http://img.b2bpic.net/free-photo/full-shot-people-chatting-outdoors_23-2149410417.jpg", "alt": "modern home exterior renovation landscape"
|
||||
},
|
||||
{
|
||||
"id": "hero-carousel-5", "url": "http://img.b2bpic.net/free-photo/modern-functional-style-bedroom-interior-design_651396-1982.jpg", "alt": "designer bedroom remodel contemporary style"
|
||||
},
|
||||
{
|
||||
"id": "hero-carousel-6", "url": "http://img.b2bpic.net/free-photo/table-set-dinning-table_1339-6426.jpg", "alt": "modern dining room renovation luxury lighting"
|
||||
},
|
||||
{
|
||||
"id": "licensed-badge", "url": "http://img.b2bpic.net/free-vector/gradient-stamps-labels-outlet-pack_23-2149722707.jpg", "alt": "licensed contractor badge icon"
|
||||
},
|
||||
{
|
||||
"id": "insured-badge", "url": "http://img.b2bpic.net/free-vector/flat-design-free-trial-labels_23-2149372417.jpg", "alt": "insured business badge icon"
|
||||
},
|
||||
{
|
||||
"id": "kitchen-icon", "url": "http://img.b2bpic.net/free-vector/cooking-utensils_24911-45395.jpg", "alt": "modern kitchen icon design"
|
||||
},
|
||||
{
|
||||
"id": "bathroom-icon", "url": "http://img.b2bpic.net/free-photo/black-bathroom-authentic-interior-design_53876-129850.jpg", "alt": "modern bathroom icon design"
|
||||
},
|
||||
{
|
||||
"id": "home-icon", "url": "http://img.b2bpic.net/free-psd/construction-project-business-card_23-2151233315.jpg", "alt": "modern house icon design"
|
||||
},
|
||||
{
|
||||
"id": "flooring-icon", "url": "http://img.b2bpic.net/free-photo/high-angle-woman-cleaning-floors_23-2148465020.jpg", "alt": "wood flooring icon design"
|
||||
},
|
||||
{
|
||||
"id": "painting-icon", "url": "http://img.b2bpic.net/free-photo/male-hand-paints-with-white-paint-wood-painting-concept-close-up-place-text_169016-4428.jpg", "alt": "paint roller brush icon design"
|
||||
},
|
||||
{
|
||||
"id": "project-1", "url": "http://img.b2bpic.net/free-photo/couple-home-spending-time-together_23-2149185075.jpg", "alt": "before after kitchen luxury"
|
||||
},
|
||||
{
|
||||
"id": "project-2", "url": "http://img.b2bpic.net/free-photo/mom-teaches-little-son-brush-his-teeth_1157-29402.jpg", "alt": "before after bathroom spa"
|
||||
},
|
||||
{
|
||||
"id": "project-3", "url": "http://img.b2bpic.net/free-photo/young-people-communicating-table_23-2147668779.jpg", "alt": "before after living room modern open"
|
||||
},
|
||||
{
|
||||
"id": "project-4", "url": "http://img.b2bpic.net/free-photo/group-multi-ethnic-friends-using-vr-glasses-fun-after-work-office_482257-4575.jpg", "alt": "before after basement remodel"
|
||||
},
|
||||
{
|
||||
"id": "project-5", "url": "http://img.b2bpic.net/free-photo/positive-calm-woman-light-summer-dress-straw-hat-tropical-location_343596-3151.jpg", "alt": "before after exterior house renovation"
|
||||
},
|
||||
{
|
||||
"id": "why-choose-us-image", "url": "http://img.b2bpic.net/free-photo/happy-couple-shaking-hands-with-financial-advisor-meeting-office-focus-is-man_637285-2820.jpg", "alt": "handshake construction deal professional"
|
||||
},
|
||||
{
|
||||
"id": "process-image", "url": "http://img.b2bpic.net/free-vector/flat-computer-engineering-concept_23-2148156290.jpg", "alt": "blueprint design architectural plan home"
|
||||
},
|
||||
{
|
||||
"id": "testimonial-avatar-1", "url": "http://img.b2bpic.net/free-photo/close-up-portrait-beautiful-brunette-woman-spends-time-drinks-delicious-home-brewed-coffee_1258-202528.jpg", "alt": "satisfied homeowner portrait happy"
|
||||
},
|
||||
{
|
||||
"id": "testimonial-avatar-2", "url": "http://img.b2bpic.net/free-photo/man-green-shirt-smiling-confident_23-2148401382.jpg", "alt": "happy male client portrait professional"
|
||||
},
|
||||
{
|
||||
"id": "testimonial-avatar-3", "url": "http://img.b2bpic.net/free-photo/natural-happy-woman-relaxing-home_329181-1332.jpg", "alt": "smiling woman homeowner professional"
|
||||
},
|
||||
{
|
||||
"id": "testimonial-avatar-4", "url": "http://img.b2bpic.net/free-photo/portrait-young-woman-town_1303-21674.jpg", "alt": "happy male client portrait casual"
|
||||
}
|
||||
{ "id": "hero-carousel-1", "url": "http://img.b2bpic.net/free-photo/parallel-sections-light-diagonal-minimal-kitchen_169016-69155.jpg", "alt": "luxury kitchen remodel before after" },
|
||||
{ "id": "hero-carousel-2", "url": "http://img.b2bpic.net/free-photo/stack-crispbreads-wooden-board-marble-surface_114579-61252.jpg", "alt": "luxury bathroom remodel spa style" },
|
||||
{ "id": "hero-carousel-3", "url": "http://img.b2bpic.net/free-photo/modern-empty-room_23-2150528598.jpg", "alt": "full home renovation living room modern" },
|
||||
{ "id": "hero-carousel-4", "url": "http://img.b2bpic.net/free-photo/full-shot-people-chatting-outdoors_23-2149410417.jpg", "alt": "modern home exterior renovation landscape" },
|
||||
{ "id": "hero-carousel-5", "url": "http://img.b2bpic.net/free-photo/modern-functional-style-bedroom-interior-design_651396-1982.jpg", "alt": "designer bedroom remodel contemporary style" },
|
||||
{ "id": "hero-carousel-6", "url": "http://img.b2bpic.net/free-photo/table-set-dinning-table_1339-6426.jpg", "alt": "modern dining room renovation luxury lighting" },
|
||||
{ "id": "licensed-badge", "url": "http://img.b2bpic.net/free-vector/gradient-stamps-labels-outlet-pack_23-2149722707.jpg", "alt": "licensed contractor badge icon" },
|
||||
{ "id": "insured-badge", "url": "http://img.b2bpic.net/free-vector/flat-design-free-trial-labels_23-2149372417.jpg", "alt": "insured business badge icon" },
|
||||
{ "id": "kitchen-icon", "url": "http://img.b2bpic.net/free-vector/cooking-utensils_24911-45395.jpg", "alt": "modern kitchen icon design" },
|
||||
{ "id": "bathroom-icon", "url": "http://img.b2bpic.net/free-photo/black-bathroom-authentic-interior-design_53876-129850.jpg", "alt": "modern bathroom icon design" },
|
||||
{ "id": "home-icon", "url": "http://img.b2bpic.net/free-psd/construction-project-business-card_23-2151233315.jpg", "alt": "modern house icon design" },
|
||||
{ "id": "flooring-icon", "url": "http://img.b2bpic.net/free-photo/high-angle-woman-cleaning-floors_23-2148465020.jpg", "alt": "wood flooring icon design" },
|
||||
{ "id": "painting-icon", "url": "http://img.b2bpic.net/free-photo/male-hand-paints-with-white-paint-wood-painting-concept-close-up-place-text_169016-4428.jpg", "alt": "paint roller brush icon design" },
|
||||
{ "id": "project-1", "url": "http://img.b2bpic.net/free-photo/couple-home-spending-time-together_23-2149185075.jpg", "alt": "before after kitchen luxury" },
|
||||
{ "id": "project-2", "url": "http://img.b2bpic.net/free-photo/mom-teaches-little-son-brush-his-teeth_1157-29402.jpg", "alt": "before after bathroom spa" },
|
||||
{ "id": "project-3", "url": "http://img.b2bpic.net/free-photo/young-people-communicating-table_23-2147668779.jpg", "alt": "before after living room modern open" },
|
||||
{ "id": "project-4", "url": "http://img.b2bpic.net/free-photo/group-multi-ethnic-friends-using-vr-glasses-fun-after-work-office_482257-4575.jpg", "alt": "before after basement remodel" },
|
||||
{ "id": "project-5", "url": "http://img.b2bpic.net/free-photo/positive-calm-woman-light-summer-dress-straw-hat-tropical-location_343596-3151.jpg", "alt": "before after exterior house renovation" },
|
||||
{ "id": "why-choose-us-image", "url": "http://img.b2bpic.net/free-photo/happy-couple-shaking-hands-with-financial-advisor-meeting-office-focus-is-man_637285-2820.jpg", "alt": "handshake construction deal professional" },
|
||||
{ "id": "process-image", "url": "http://img.b2bpic.net/free-vector/flat-computer-engineering-concept_23-2148156290.jpg", "alt": "blueprint design architectural plan home" },
|
||||
{ "id": "testimonial-avatar-1", "url": "http://img.b2bpic.net/free-photo/close-up-portrait-beautiful-brunette-woman-spends-time-drinks-delicious-home-brewed-coffee_1258-202528.jpg", "alt": "satisfied homeowner portrait happy" },
|
||||
{ "id": "testimonial-avatar-2", "url": "http://img.b2bpic.net/free-photo/man-green-shirt-smiling-confident_23-2148401382.jpg", "alt": "happy male client portrait professional" },
|
||||
{ "id": "testimonial-avatar-3", "url": "http://img.b2bpic.net/free-photo/natural-happy-woman-relaxing-home_329181-1332.jpg", "alt": "smiling woman homeowner professional" },
|
||||
{ "id": "testimonial-avatar-4", "url": "http://img.b2bpic.net/free-photo/portrait-young-woman-town_1303-21674.jpg", "alt": "happy male client portrait casual" }
|
||||
];
|
||||
|
||||
function getAsset(id: string) {
|
||||
const asset = assetMap.find((a) => a.id === id);
|
||||
if (asset) {
|
||||
return { url: asset.url, alt: asset.alt };
|
||||
}
|
||||
// Fallback to a placeholder or a default image if not found
|
||||
return { url: "/placeholder.jpg", alt: "Image not found" };
|
||||
return asset ? { url: asset.url, alt: asset.alt } : { url: "/placeholder.jpg", alt: "Image not found" };
|
||||
}
|
||||
|
||||
export default function LandingPage() {
|
||||
@@ -124,19 +72,17 @@ export default function LandingPage() {
|
||||
{ name: "Testimonials", id: "testimonials" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
button={{
|
||||
text: "Get a Free Estimate", href: "#contact"}}
|
||||
button={{ text: "Get a Free Estimate", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardRotatedCarousel
|
||||
title="Transform Your Home Into Something You Love"
|
||||
description="Experience unparalleled quality, efficient timelines, and complete transparency. We deliver dream renovations with craftsmanship you can trust."
|
||||
background={{
|
||||
variant: "radial-gradient"}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
buttons={[
|
||||
{ text: "Get a Free Estimate", href: "#contact" },
|
||||
{ text: "View Our Work", href: "#portfolio" }
|
||||
{ text: "Call Now", href: "tel:+15551234567" }
|
||||
]}
|
||||
carouselItems={[
|
||||
{ id: "1", imageSrc: getAsset("hero-carousel-1").url, imageAlt: getAsset("hero-carousel-1").alt },
|
||||
@@ -168,10 +114,7 @@ export default function LandingPage() {
|
||||
<SocialProofOne
|
||||
title="Licensed, Insured, & Certified"
|
||||
description="Peace of mind knowing your home is in the hands of qualified and protected professionals."
|
||||
logos={[
|
||||
getAsset("licensed-badge").url,
|
||||
getAsset("insured-badge").url,
|
||||
]}
|
||||
logos={[getAsset("licensed-badge").url, getAsset("insured-badge").url]}
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={["Licensed", "Insured", "Certified"]}
|
||||
@@ -264,8 +207,7 @@ export default function LandingPage() {
|
||||
tag="Start Your Project"
|
||||
title="Ready to Transform Your Home?"
|
||||
description="Get a free, no-obligation estimate today. Our experts are ready to discuss your vision."
|
||||
background={{
|
||||
variant: "rotated-rays-animated"}}
|
||||
background={{ variant: "rotated-rays-animated" }}
|
||||
useInvertedBackground={false}
|
||||
inputPlaceholder="Enter your email for a quick response"
|
||||
buttonText="Request Free Quote"
|
||||
@@ -294,7 +236,6 @@ export default function LandingPage() {
|
||||
title: "Contact", items: [
|
||||
{ label: "Get an Estimate", href: "#contact" },
|
||||
{ label: "Call Us: (555) 123-4567", href: "tel:+15551234567" },
|
||||
{ label: "Service Area: [Your City]", href: "#" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -304,4 +245,4 @@ export default function LandingPage() {
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
@@ -10,15 +10,15 @@
|
||||
--accent: #ffffff;
|
||||
--background-accent: #ffffff; */
|
||||
|
||||
--background: #ffffff;
|
||||
--card: #f8f8f8;
|
||||
--foreground: #101D38;
|
||||
--primary-cta: #FF7B05;
|
||||
--background: #0a0a0a;
|
||||
--card: #1a1a1a;
|
||||
--foreground: #ffffff;
|
||||
--primary-cta: #e34400;
|
||||
--primary-cta-text: #ffffff;
|
||||
--secondary-cta: #ffffff;
|
||||
--secondary-cta: #1a1a1a;
|
||||
--secondary-cta-text: #101D38;
|
||||
--accent: #FFD700;
|
||||
--background-accent: #E0E6F0;
|
||||
--accent: #737373;
|
||||
--background-accent: #e34400;
|
||||
|
||||
/* text sizing - set by ThemeProvider */
|
||||
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
|
||||
|
||||
Reference in New Issue
Block a user