Merge version_1 into main
Merge version_1 into main
This commit was merged in pull request #6.
This commit is contained in:
173
src/app/page.tsx
173
src/app/page.tsx
@@ -1,66 +1,169 @@
|
||||
"use client";
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
||||
import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboardRotatedCarousel';
|
||||
import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
|
||||
import SplitAbout from '@/components/sections/about/SplitAbout';
|
||||
import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwentySix';
|
||||
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
|
||||
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
|
||||
import FaqDouble from '@/components/sections/faq/FaqDouble';
|
||||
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
||||
import FooterBase from '@/components/sections/footer/FooterBase';
|
||||
import { Brush, Home, Palette, Building2, Check, Users, MessageSquare, Shield } from 'lucide-react';
|
||||
import Link from "next/link";
|
||||
import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarStyleCentered";
|
||||
import HeroBillboardRotatedCarousel from "@/components/sections/hero/HeroBillboardRotatedCarousel";
|
||||
import MetricCardSeven from "@/components/sections/metrics/MetricCardSeven";
|
||||
import SplitAbout from "@/components/sections/about/SplitAbout";
|
||||
import FeatureCardTwentySix from "@/components/sections/feature/FeatureCardTwentySix";
|
||||
import TestimonialCardOne from "@/components/sections/testimonial/TestimonialCardOne";
|
||||
import ProductCardTwo from "@/components/sections/product/ProductCardTwo";
|
||||
import FaqDouble from "@/components/sections/faq/FaqDouble";
|
||||
import ContactCTA from "@/components/sections/contact/ContactCTA";
|
||||
import FooterBase from "@/components/sections/footer/FooterBase";
|
||||
import { Brush, Home, Palette, Building2, Check, Users, MessageSquare, Shield } from "lucide-react";
|
||||
|
||||
const navItems = [{ name: "Home", id: "hero" }, { name: "Services", id: "services" }, { name: "Gallery", id: "gallery" }, { name: "Reviews", id: "testimonials" }, { name: "Contact", id: "contact" }];
|
||||
const navItems = [
|
||||
{ name: "Home", id: "/" },
|
||||
];
|
||||
|
||||
export default function HomePage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="text-stagger"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="rounded"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ThemeProvider>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered navItems={navItems} brandName="Silva’s Painting" />
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardRotatedCarousel background={{ variant: "rotated-rays-static" }} title="Luxury Painting With Precision Craftsmanship" description="Transforming homes and commercial spaces across New York with flawless finishes, premium materials, and white-glove professionalism." buttons={[{ text: "Get Free Estimate", href: "#contact" }, { text: "View Our Work", href: "#gallery" }]} carouselItems={[{ id: "c1", imageSrc: "http://img.b2bpic.net/free-photo/prepared-wedding-dress-empty-room-hotel_8353-9917.jpg" }, { id: "c2", imageSrc: "http://img.b2bpic.net/free-vector/modern-interior-design_1284-14507.jpg" }, { id: "c3", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-interior-room-design-concept_23-2148786438.jpg" }, { id: "c4", imageSrc: "http://img.b2bpic.net/free-photo/cozy-bedroom-interior-with-modern-art_23-2152001406.jpg" }, { id: "c5", imageSrc: "http://img.b2bpic.net/free-photo/home-cozy-still-life-with-black-sofa-decor-living-room_169016-6439.jpg" }, { id: "c6", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-view-colorful-cardboard-papers_23-2147878529.jpg" }]} />
|
||||
<HeroBillboardRotatedCarousel
|
||||
background={{ variant: "rotated-rays-static" }}
|
||||
title="Luxury Painting With Precision Craftsmanship"
|
||||
description="Transforming homes and commercial spaces across New York with flawless finishes, premium materials, and white-glove professionalism."
|
||||
buttons={[{ text: "Get Free Estimate", href: "#contact" }, { text: "View Our Work", href: "#gallery" }]}
|
||||
carouselItems={[
|
||||
{ id: "c1", imageSrc: "http://img.b2bpic.net/free-photo/prepared-wedding-dress-empty-room-hotel_8353-9917.jpg" },
|
||||
{ id: "c2", imageSrc: "http://img.b2bpic.net/free-vector/modern-interior-design_1284-14507.jpg" },
|
||||
{ id: "c3", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-interior-room-design-concept_23-2148786438.jpg" },
|
||||
{ id: "c4", imageSrc: "http://img.b2bpic.net/free-photo/cozy-bedroom-interior-with-modern-art_23-2152001406.jpg" },
|
||||
{ id: "c5", imageSrc: "http://img.b2bpic.net/free-photo/home-cozy-still-life-with-black-sofa-decor-living-room_169016-6439.jpg" },
|
||||
{ id: "c6", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-view-colorful-cardboard-papers_23-2147878529.jpg" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardSeven animationType="blur-reveal" textboxLayout="default" useInvertedBackground={true} metrics={[{ id: "m1", value: "5.0", title: "Rating", items: ["Across all major platforms"] }, { id: "m2", value: "107+", title: "Verified Reviews", items: ["Satisfied New York homeowners"] }, { id: "m3", value: "100%", title: "Insured", items: ["Fully licensed and protected"] }, { id: "m4", value: "Expert", title: "Finishes", items: ["Premium luxury materials"] }]} title="Trusted Excellence" description="Professional quality you can count on." />
|
||||
<MetricCardSeven
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
animationType="slide-up"
|
||||
title="Trusted Excellence"
|
||||
description="Professional quality you can count on."
|
||||
metrics={[
|
||||
{ id: "m1", value: "5.0", title: "Rating", items: ["Across all major platforms"] },
|
||||
{ id: "m2", value: "107+", title: "Verified Reviews", items: ["Satisfied New York homeowners"] },
|
||||
{ id: "m3", value: "100%", title: "Insured", items: ["Fully licensed and protected"] },
|
||||
{ id: "m4", value: "Expert", title: "Finishes", items: ["Premium luxury materials"] }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<SplitAbout textboxLayout="split" useInvertedBackground={false} title="Painting Done The Right Way." description="At Silva’s Painting, every detail matters. From preparation to final brushstroke, our team delivers immaculate craftsmanship designed to elevate your space and increase property value." bulletPoints={[{ title: "Luxury Residential", description: "High-end homes tailored to your vision.", icon: Home }, { title: "Commercial Interiors", description: "Professional spaces that impress.", icon: Building2 }, { title: "Exterior Restoration", description: "Weather-resistant, timeless curb appeal.", icon: Shield }]} imageSrc="http://img.b2bpic.net/free-photo/woman-doing-daily-activities-minimal-decorated-room_23-2150407583.jpg" mediaAnimation="slide-up" />
|
||||
<SplitAbout
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
title="Painting Done The Right Way."
|
||||
description="At Silva’s Painting, every detail matters. From preparation to final brushstroke, our team delivers immaculate craftsmanship designed to elevate your space and increase property value."
|
||||
bulletPoints={[
|
||||
{ title: "Luxury Residential", description: "High-end homes tailored to your vision." },
|
||||
{ title: "Commercial Interiors", description: "Professional spaces that impress." },
|
||||
{ title: "Exterior Restoration", description: "Weather-resistant, timeless curb appeal." }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/woman-doing-daily-activities-minimal-decorated-room_23-2150407583.jpg"
|
||||
/>
|
||||
</div>
|
||||
<div id="services" data-section="services">
|
||||
<FeatureCardTwentySix textboxLayout="default" useInvertedBackground={true} title="Our Signature Services" description="Comprehensive painting solutions for every space." features={[{ title: "Interior Painting", description: "Modern, clean finishes.", buttonIcon: Brush }, { title: "Exterior Painting", description: "Durable and beautiful finishes.", buttonIcon: Home }, { title: "Accent Walls", description: "Statement designs with precision.", buttonIcon: Palette }, { title: "Commercial Painting", description: "Professional office refreshers.", buttonIcon: Building2 }]} />
|
||||
<FeatureCardTwentySix
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
title="Our Signature Services"
|
||||
description="Comprehensive painting solutions for every space."
|
||||
features={[
|
||||
{ title: "Interior Painting", description: "Modern, clean finishes.", buttonIcon: Brush, imageSrc: "http://img.b2bpic.net/free-photo/decorations-used-painting-inspiration-creativity-placed-art-gallery_482257-127281.jpg" },
|
||||
{ title: "Exterior Painting", description: "Durable and beautiful finishes.", buttonIcon: Home, imageSrc: "http://img.b2bpic.net/free-photo/prepared-wedding-dress-empty-room-hotel_8353-9917.jpg" },
|
||||
{ title: "Accent Walls", description: "Statement designs with precision.", buttonIcon: Palette, imageSrc: "http://img.b2bpic.net/free-vector/modern-interior-design_1284-14507.jpg" },
|
||||
{ title: "Commercial Painting", description: "Professional office refreshers.", buttonIcon: Building2, imageSrc: "http://img.b2bpic.net/free-photo/beautiful-interior-room-design-concept_23-2148786438.jpg" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="why-choose-us" data-section="why-choose-us">
|
||||
<FeatureCardTwentySix textboxLayout="default" useInvertedBackground={false} title="Why Homeowners Trust Silva’s Painting" description="Our commitment to quality, cleanliness, and clear communication sets us apart." features={[{ title: "Precision Craftsmanship", description: "Flawless edges and surfaces.", buttonIcon: Check }, { title: "Respectful Crew", description: "Professional painters you can trust.", buttonIcon: Users }, { title: "Fast Communication", description: "Quick quotes and transparent timelines.", buttonIcon: MessageSquare }, { title: "Premium Materials", description: "Only high-performance finishes.", buttonIcon: Shield }]} />
|
||||
<FeatureCardTwentySix
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Why Homeowners Trust Silva’s Painting"
|
||||
description="Our commitment to quality, cleanliness, and clear communication sets us apart."
|
||||
features={[
|
||||
{ title: "Precision Craftsmanship", description: "Flawless edges and surfaces.", buttonIcon: Check, imageSrc: "http://img.b2bpic.net/free-photo/modern-luxury-authentic-dining-room-interior-design-with-picture-frame_53876-111108.jpg" },
|
||||
{ title: "Respectful Crew", description: "Professional painters you can trust.", buttonIcon: Users, imageSrc: "http://img.b2bpic.net/free-photo/prepared-wedding-dress-empty-room-hotel_8353-9917.jpg" },
|
||||
{ title: "Fast Communication", description: "Quick quotes and transparent timelines.", buttonIcon: MessageSquare, imageSrc: "http://img.b2bpic.net/free-vector/modern-interior-design_1284-14507.jpg" },
|
||||
{ title: "Premium Materials", description: "Only high-performance finishes.", buttonIcon: Shield, imageSrc: "http://img.b2bpic.net/free-photo/beautiful-interior-room-design-concept_23-2148786438.jpg" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardOne animationType="slide-up" gridVariant="uniform-all-items-equal" textboxLayout="default" useInvertedBackground={true} title="What Clients Are Saying" description="Hear from our satisfied New York clients." testimonials={[{ id: "t1", name: "Mezano Jiami", role: "Client", company: "NYC", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/positive-shaved-head-male-dressed-grey-suit-dark-grey-background_613910-11352.jpg" }, { id: "t2", name: "Michael Salazar", role: "Client", company: "NYC", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiling-business-woman-looking-up-copy-space_1262-3088.jpg" }, { id: "t3", name: "Ryan Diaz", role: "Client", company: "NYC", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-male-painter-showing-his-collection-paint-brushes-sitting-colorful-painting-art-gallery_662251-345.jpg" }, { id: "t4", name: "Sarah Miller", role: "Client", company: "NYC", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-workers-high-five_23-2149366624.jpg" }, { id: "t5", name: "John Doe", role: "Client", company: "NYC", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/country-music-interpret-singing-outdoors_23-2149498450.jpg" }]} />
|
||||
<TestimonialCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={true}
|
||||
title="What Clients Are Saying"
|
||||
description="Hear from our satisfied New York clients."
|
||||
testimonials={[
|
||||
{ id: "t1", name: "Mezano Jiami", role: "Client", company: "NYC", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/positive-shaved-head-male-dressed-grey-suit-dark-grey-background_613910-11352.jpg" },
|
||||
{ id: "t2", name: "Michael Salazar", role: "Client", company: "NYC", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiling-business-woman-looking-up-copy-space_1262-3088.jpg" },
|
||||
{ id: "t3", name: "Ryan Diaz", role: "Client", company: "NYC", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-male-painter-showing-his-collection-paint-brushes-sitting-colorful-painting-art-gallery_662251-345.jpg" },
|
||||
{ id: "t4", name: "Sarah Miller", role: "Client", company: "NYC", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-workers-high-five_23-2149366624.jpg" },
|
||||
{ id: "t5", name: "John Doe", role: "Client", company: "NYC", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/country-music-interpret-singing-outdoors_23-2149498450.jpg" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="gallery" data-section="gallery">
|
||||
<ProductCardTwo animationType="slide-up" textboxLayout="default" gridVariant="uniform-all-items-equal" useInvertedBackground={false} title="Featured Transformations" description="Explore our portfolio of high-end painting results." products={[{ id: "p1", brand: "Interior", name: "Luxury Living Room", price: "Featured", rating: 5, reviewCount: "1", imageSrc: "http://img.b2bpic.net/free-photo/modern-styled-small-entryway_23-2150712845.jpg" }, { id: "p2", brand: "Accent", name: "Matte Black Wall", price: "Featured", rating: 5, reviewCount: "1", imageSrc: "http://img.b2bpic.net/free-photo/room-with-table-thanksgiving_23-2147709426.jpg" }, { id: "p3", brand: "Exterior", name: "Townhouse Exterior", price: "Featured", rating: 5, reviewCount: "1", imageSrc: "http://img.b2bpic.net/free-photo/american-colors-household-decorations-independence-day-celebration_23-2151469845.jpg" }, { id: "p4", brand: "Commercial", name: "Office Space", price: "Featured", rating: 5, reviewCount: "1", imageSrc: "http://img.b2bpic.net/free-photo/empty-hallway-background_23-2149408814.jpg" }, { id: "p5", brand: "Wall", name: "Wallpaper Install", price: "Featured", rating: 5, reviewCount: "1", imageSrc: "http://img.b2bpic.net/free-photo/still-life-putting-up-decorative-vinyls_23-2149683496.jpg" }, { id: "p6", brand: "Interior", name: "Bedroom Refresh", price: "Featured", rating: 5, reviewCount: "1", imageSrc: "http://img.b2bpic.net/free-photo/woman-using-laptop-minimal-decorated-room_23-2150407610.jpg" }]} />
|
||||
<ProductCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
title="Featured Transformations"
|
||||
description="Explore our portfolio of high-end painting results."
|
||||
products={[
|
||||
{ id: "p1", brand: "Interior", name: "Luxury Living Room", price: "Featured", rating: 5, reviewCount: "1", imageSrc: "http://img.b2bpic.net/free-photo/modern-styled-small-entryway_23-2150712845.jpg" },
|
||||
{ id: "p2", brand: "Accent", name: "Matte Black Wall", price: "Featured", rating: 5, reviewCount: "1", imageSrc: "http://img.b2bpic.net/free-photo/room-with-table-thanksgiving_23-2147709426.jpg" },
|
||||
{ id: "p3", brand: "Exterior", name: "Townhouse Exterior", price: "Featured", rating: 5, reviewCount: "1", imageSrc: "http://img.b2bpic.net/free-photo/american-colors-household-decorations-independence-day-celebration_23-2151469845.jpg" },
|
||||
{ id: "p4", brand: "Commercial", name: "Office Space", price: "Featured", rating: 5, reviewCount: "1", imageSrc: "http://img.b2bpic.net/free-photo/empty-hallway-background_23-2149408814.jpg" },
|
||||
{ id: "p5", brand: "Wall", name: "Wallpaper Install", price: "Featured", rating: 5, reviewCount: "1", imageSrc: "http://img.b2bpic.net/free-photo/still-life-putting-up-decorative-vinyls_23-2149683496.jpg" },
|
||||
{ id: "p6", brand: "Interior", name: "Bedroom Refresh", price: "Featured", rating: 5, reviewCount: "1", imageSrc: "http://img.b2bpic.net/free-photo/woman-using-laptop-minimal-decorated-room_23-2150407610.jpg" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="process" data-section="process">
|
||||
<FaqDouble textboxLayout="default" useInvertedBackground={true} title="Our Luxury Service Process" description="A clear, 4-step path to your perfect space." faqsAnimation="slide-up" faqs={[{ id: "f1", title: "1. Consultation", content: "We evaluate your vision and space." }, { id: "f2", title: "2. Preparation", content: "Full protection, repairs, sanding, and priming." }, { id: "f3", title: "3. Precision Painting", content: "Expert application using premium materials." }, { id: "f4", title: "4. Final Walkthrough", content: "Detailed inspection ensuring perfection." }]} />
|
||||
<FaqDouble
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
faqsAnimation="slide-up"
|
||||
title="Our Luxury Service Process"
|
||||
description="A clear, 4-step path to your perfect space."
|
||||
faqs={[
|
||||
{ id: "f1", title: "1. Consultation", content: "We evaluate your vision and space." },
|
||||
{ id: "f2", title: "2. Preparation", content: "Full protection, repairs, sanding, and priming." },
|
||||
{ id: "f3", title: "3. Precision Painting", content: "Expert application using premium materials." },
|
||||
{ id: "f4", title: "4. Final Walkthrough", content: "Detailed inspection ensuring perfection." }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA tag="Schedule Now" title="Ready To Transform Your Space?" description="Experience premium painting craftsmanship trusted by homeowners across New York." background={{ variant: "plain" }} useInvertedBackground={false} buttons={[{ text: "Schedule Free Estimate", href: "#" }, { text: "Call Now", href: "tel:5555555555" }]} />
|
||||
<ContactCTA
|
||||
tag="Schedule Now"
|
||||
title="Ready To Transform Your Space?"
|
||||
description="Experience premium painting craftsmanship trusted by homeowners across New York."
|
||||
buttons={[{ text: "Schedule Free Estimate", href: "#" }, { text: "Call Now", href: "tel:5555555555" }]}
|
||||
background={{ variant: "plain" }}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase logoText="Silva’s Painting" columns={[{ title: "Quick Links", items: [{ label: "Home", href: "#hero" }, { label: "Services", href: "#services" }, { label: "Gallery", href: "#gallery" }, { label: "Reviews", href: "#testimonials" }, { label: "Contact", href: "#contact" }] }, { title: "Contact", items: [{ label: "(555) 555-5555", href: "tel:5555555555" }, { label: "hello@silvaspainting.com", href: "mailto:hello@silvaspainting.com" }, { label: "Mon-Sat: 8am - 6pm", href: "#" }] }]} />
|
||||
<FooterBase
|
||||
logoText="Silva’s Painting"
|
||||
columns={[
|
||||
{ title: "Quick Links", items: [{ label: "Home", href: "#hero" }, { label: "Services", href: "#services" }, { label: "Gallery", href: "#gallery" }, { label: "Reviews", href: "#testimonials" }, { label: "Contact", href: "#contact" }] },
|
||||
{ title: "Contact", items: [{ label: "(555) 555-5555", href: "tel:5555555555" }, { label: "hello@silvaspainting.com", href: "mailto:hello@silvaspainting.com" }, { label: "Mon-Sat: 8am - 6pm", href: "#" }] }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user