bender/58cc6047-9bf3-4b85-9147-4b32f8497a78
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-04-20 21:40:18 +00:00
parent 27239eb9c4
commit 32ed6db779
1 changed files with 152 additions and 352 deletions
Download Patch File Download Diff File Expand all files Collapse all files

504
src/app/page.tsx
View File

@@ -16,369 +16,169 @@ import TestimonialCardTwelve from '@/components/sections/testimonial/Testimonial
export default function LandingPage() {
return (
<ThemeProvider
defaultButtonVariant="text-shift"
defaultTextAnimation="entrance-slide"
borderRadius="pill"
defaultButtonVariant="text-shift"
defaultTextAnimation="entrance-slide"
borderRadius="pill"
contentWidth="medium"
sizing="medium"
background="circleGradient"
cardStyle="glass-elevated"
primaryButtonStyle="gradient"
secondaryButtonStyle="glass"
headingFontWeight="normal"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarStyleCentered
navItems={[
{
name: "About",
id: "about",
},
{
name: "Projects",
id: "projects",
},
{
name: "Services",
id: "services",
},
{
name: "Contact",
id: "contact",
},
]}
brandName="Epoxia"
/>
</div>
<div id="nav" data-section="nav">
<NavbarStyleCentered
navItems={[
{ name: "About", id: "about" },
{ name: "Projects", id: "projects" },
{ name: "Services", id: "services" },
{ name: "Contact", id: "contact" },
]}
brandName="Epoxia"
/>
</div>
<div id="hero" data-section="hero">
<HeroBillboardCarousel
background={{
variant: "gradient-bars",
}}
title="Crafting Extraordinary Home Spaces"
description="Premium home remodeling and high-end epoxy flooring solutions designed to elevate your living environment with unparalleled precision and style."
buttons={[
{
text: "Start Your Project",
href: "#contact",
},
]}
mediaItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-modern-luxury-hotel-office-reception-meeting-lounge_105762-2045.jpg?_wi=1",
imageAlt: "Luxury home renovation",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/happy-male-engineer-with-safety-helmet-smiling-while-cutting-wooden-panel-with-electric-machine_662251-425.jpg?_wi=1",
imageAlt: "Modern epoxy kitchen floor",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/scene-construction-site-with-equipment_23-2151317345.jpg",
imageAlt: "High-end renovation interior",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/woman-doing-daily-activities-minimal-decorated-room_23-2150407592.jpg",
imageAlt: "Epoxy living room transformation",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/building-construction-worker-site_23-2149124299.jpg",
imageAlt: "Professional home remodeling",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/set-designer-work-indoors_23-2149837023.jpg",
imageAlt: "Elegant home improvement result",
},
]}
/>
</div>
<div id="hero" data-section="hero">
<HeroBillboardCarousel
background={{ variant: "gradient-bars" }}
title="Crafting Extraordinary Home Spaces"
description="Premium home remodeling and high-end epoxy flooring solutions designed to elevate your living environment with unparalleled precision and style."
buttons={[{ text: "Start Your Project", href: "#contact" }]}
mediaItems={[
{ imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-modern-luxury-hotel-office-reception-meeting-lounge_105762-2045.jpg", imageAlt: "Luxury home renovation" },
{ imageSrc: "http://img.b2bpic.net/free-photo/happy-male-engineer-with-safety-helmet-smiling-while-cutting-wooden-panel-with-electric-machine_662251-425.jpg", imageAlt: "Modern epoxy kitchen floor" },
{ imageSrc: "http://img.b2bpic.net/free-photo/scene-construction-site-with-equipment_23-2151317345.jpg", imageAlt: "High-end renovation interior" },
{ imageSrc: "http://img.b2bpic.net/free-photo/woman-doing-daily-activities-minimal-decorated-room_23-2150407592.jpg", imageAlt: "Epoxy living room transformation" },
{ imageSrc: "http://img.b2bpic.net/free-photo/building-construction-worker-site_23-2149124299.jpg", imageAlt: "Professional home remodeling" },
{ imageSrc: "http://img.b2bpic.net/free-photo/set-designer-work-indoors_23-2149837023.jpg", imageAlt: "Elegant home improvement result" }
]}
/>
</div>
<div id="about" data-section="about">
<MetricSplitMediaAbout
useInvertedBackground={false}
title="Mastering The Art of Renovation"
description="At Epoxia Creators, we blend architectural vision with technical expertise. From structural remodels to artistic epoxy finishes, we bring luxury living to your doorstep."
metrics={[
{
value: "15+",
title: "Years Experience",
},
{
value: "500+",
title: "Projects Completed",
},
{
value: "100%",
title: "Satisfaction Rate",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/close-up-experienced-carpenter-his-younger-employee_329181-15622.jpg"
imageAlt="Master renovation work"
mediaAnimation="blur-reveal"
metricsAnimation="slide-up"
/>
</div>
<div id="about" data-section="about">
<MetricSplitMediaAbout
useInvertedBackground={false}
title="Mastering The Art of Renovation"
description="At Epoxia Creators, we blend architectural vision with technical expertise. From structural remodels to artistic epoxy finishes, we bring luxury living to your doorstep."
metrics={[
{ value: "15+", title: "Years Experience" },
{ value: "500+", title: "Projects Completed" },
{ value: "100%", title: "Satisfaction Rate" }
]}
imageSrc="http://img.b2bpic.net/free-photo/close-up-experienced-carpenter-his-younger-employee_329181-15622.jpg"
imageAlt="Master renovation work"
mediaAnimation="blur-reveal"
metricsAnimation="slide-up"
/>
</div>
<div id="services" data-section="services">
<FeatureCardEight
textboxLayout="default"
useInvertedBackground={true}
features={[
{
title: "Full House Remodeling",
description: "Complete transformation of interior spaces, from layouts to finishes.",
imageSrc: "http://img.b2bpic.net/free-photo/elegant-stools-table-huge-bright-hall_1127-3339.jpg",
imageAlt: "elegant stools and table in huge and bright hall",
},
{
title: "Premium Epoxy Flooring",
description: "High-gloss, durable, and customizable epoxy resin flooring systems.",
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-modern-luxury-hotel-office-reception-meeting-lounge_105762-2045.jpg?_wi=2",
imageAlt: "elegant stools and table in huge and bright hall",
},
{
title: "Kitchen & Bath Design",
description: "Elegant, functional spaces tailored to your daily life and aesthetic preferences.",
imageSrc: "http://img.b2bpic.net/free-photo/happy-male-engineer-with-safety-helmet-smiling-while-cutting-wooden-panel-with-electric-machine_662251-425.jpg?_wi=2",
imageAlt: "elegant stools and table in huge and bright hall",
},
]}
title="Comprehensive Remodeling Solutions"
description="Tailored home improvement services focused on quality materials, innovative finishes, and durable results."
/>
</div>
<div id="services" data-section="services">
<FeatureCardEight
textboxLayout="default"
useInvertedBackground={true}
features={[
{ title: "Full House Remodeling", description: "Complete transformation of interior spaces, from layouts to finishes.", imageSrc: "http://img.b2bpic.net/free-photo/elegant-stools-table-huge-bright-hall_1127-3339.jpg", imageAlt: "elegant stools and table in huge and bright hall" },
{ title: "Premium Epoxy Flooring", description: "High-gloss, durable, and customizable epoxy resin flooring systems.", imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-modern-luxury-hotel-office-reception-meeting-lounge_105762-2045.jpg", imageAlt: "elegant stools and table in huge and bright hall" },
{ title: "Kitchen & Bath Design", description: "Elegant, functional spaces tailored to your daily life and aesthetic preferences.", imageSrc: "http://img.b2bpic.net/free-photo/happy-male-engineer-with-safety-helmet-smiling-while-cutting-wooden-panel-with-electric-machine_662251-425.jpg", imageAlt: "elegant stools and table in huge and bright hall" }
]}
title="Comprehensive Remodeling Solutions"
description="Tailored home improvement services focused on quality materials, innovative finishes, and durable results."
/>
</div>
<div id="projects" data-section="projects">
<ProductCardTwo
animationType="slide-up"
textboxLayout="default"
gridVariant="bento-grid"
useInvertedBackground={false}
products={[
{
id: "p1",
brand: "Epoxia",
name: "Contemporary Kitchen",
price: "Custom Quote",
rating: 5,
reviewCount: "12",
imageSrc: "http://img.b2bpic.net/free-photo/home-decor-renovation-style-architecture-building_53876-146914.jpg",
},
{
id: "p2",
brand: "Epoxia",
name: "Modern Living Room",
price: "Custom Quote",
rating: 5,
reviewCount: "8",
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-kitchen-interior-design_23-2150976547.jpg",
},
{
id: "p3",
brand: "Epoxia",
name: "Bathroom Oasis",
price: "Custom Quote",
rating: 5,
reviewCount: "15",
imageSrc: "http://img.b2bpic.net/free-photo/light-falling-wooden-abstract-design_53876-95420.jpg",
},
{
id: "p4",
brand: "Epoxia",
name: "Entryway Flooring",
price: "Custom Quote",
rating: 5,
reviewCount: "20",
imageSrc: "http://img.b2bpic.net/free-photo/low-angle-contractor-tiling-floor_23-2149344005.jpg",
},
{
id: "p5",
brand: "Epoxia",
name: "Basement Makeover",
price: "Custom Quote",
rating: 5,
reviewCount: "10",
imageSrc: "http://img.b2bpic.net/free-photo/attic-kitchen-wooden-ceiling-modern-blue-fronts_169016-68929.jpg",
},
{
id: "p6",
brand: "Epoxia",
name: "Master Bedroom",
price: "Custom Quote",
rating: 5,
reviewCount: "9",
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-people-working-laptop_23-2149721894.jpg",
},
]}
title="Signature Transformations"
description="Explore our portfolio of recent projects, showcasing the perfect blend of style and durability."
/>
</div>
<div id="projects" data-section="projects">
<ProductCardTwo
animationType="slide-up"
textboxLayout="default"
gridVariant="bento-grid"
useInvertedBackground={false}
products={[
{ id: "p1", brand: "Epoxia", name: "Contemporary Kitchen", price: "Custom Quote", rating: 5, reviewCount: "12", imageSrc: "http://img.b2bpic.net/free-photo/home-decor-renovation-style-architecture-building_53876-146914.jpg" },
{ id: "p2", brand: "Epoxia", name: "Modern Living Room", price: "Custom Quote", rating: 5, reviewCount: "8", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-kitchen-interior-design_23-2150976547.jpg" },
{ id: "p3", brand: "Epoxia", name: "Bathroom Oasis", price: "Custom Quote", rating: 5, reviewCount: "15", imageSrc: "http://img.b2bpic.net/free-photo/light-falling-wooden-abstract-design_53876-95420.jpg" },
{ id: "p4", brand: "Epoxia", name: "Entryway Flooring", price: "Custom Quote", rating: 5, reviewCount: "20", imageSrc: "http://img.b2bpic.net/free-photo/low-angle-contractor-tiling-floor_23-2149344005.jpg" },
{ id: "p5", brand: "Epoxia", name: "Basement Makeover", price: "Custom Quote", rating: 5, reviewCount: "10", imageSrc: "http://img.b2bpic.net/free-photo/attic-kitchen-wooden-ceiling-modern-blue-fronts_169016-68929.jpg" },
{ id: "p6", brand: "Epoxia", name: "Master Bedroom", price: "Custom Quote", rating: 5, reviewCount: "9", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-people-working-laptop_23-2149721894.jpg" }
]}
title="Signature Transformations"
description="Explore our portfolio of recent projects, showcasing the perfect blend of style and durability."
/>
</div>
<div id="metrics" data-section="metrics">
<MetricCardSeven
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={true}
metrics={[
{
id: "m1",
value: "1.2k",
title: "Happy Families",
items: [
"Delivered projects",
"Design focus",
"Quality materials",
],
},
{
id: "m2",
value: "98%",
title: "Referral Rate",
items: [
"Client trust",
"Expert work",
"Professional team",
],
},
{
id: "m3",
value: "48h",
title: "Initial Response",
items: [
"Quick service",
"Support staff",
"Fast coordination",
],
},
]}
title="Why Clients Choose Epoxia"
description="We prioritize precision and transparency in every project."
/>
</div>
<div id="metrics" data-section="metrics">
<MetricCardSeven
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={true}
metrics={[
{ id: "m1", value: "1.2k", title: "Happy Families", items: ["Delivered projects", "Design focus", "Quality materials"] },
{ id: "m2", value: "98%", title: "Referral Rate", items: ["Client trust", "Expert work", "Professional team"] },
{ id: "m3", value: "48h", title: "Initial Response", items: ["Quick service", "Support staff", "Fast coordination"] }
]}
title="Why Clients Choose Epoxia"
description="We prioritize precision and transparency in every project."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardTwelve
useInvertedBackground={false}
testimonials={[
{
id: "t1",
name: "Elena Ross",
imageSrc: "http://img.b2bpic.net/free-photo/smiling-relaxed-tall-muscular-young-model-wearing-plain-heather-gray-longsleeve-t-shirt-slim-gray-jeans-leaning-wooden-stepladder-isolated-white_346278-1036.jpg",
},
{
id: "t2",
name: "Mark Stevens",
imageSrc: "http://img.b2bpic.net/free-photo/scenery-designers-work_23-2149741791.jpg",
},
{
id: "t3",
name: "Sofia Vance",
imageSrc: "http://img.b2bpic.net/free-photo/cool-young-stylish-happy-people-co-working-office_285396-1800.jpg",
},
{
id: "t4",
name: "David Kim",
imageSrc: "http://img.b2bpic.net/free-photo/close-u-pon-couple-home-sharing-tender-moments_23-2149105982.jpg",
},
{
id: "t5",
name: "Anita Gupta",
imageSrc: "http://img.b2bpic.net/free-photo/young-man-looking-smartphone-holding-cup-while-his-friend-working-kitchen_23-2148195243.jpg",
},
]}
cardTitle="Client Voices"
cardTag="Trusted by Homeowners"
cardAnimation="blur-reveal"
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardTwelve
useInvertedBackground={false}
testimonials={[
{ id: "t1", name: "Elena Ross", imageSrc: "http://img.b2bpic.net/free-photo/smiling-relaxed-tall-muscular-young-model-wearing-plain-heather-gray-longsleeve-t-shirt-slim-gray-jeans-leaning-wooden-stepladder-isolated-white_346278-1036.jpg" },
{ id: "t2", name: "Mark Stevens", imageSrc: "http://img.b2bpic.net/free-photo/scenery-designers-work_23-2149741791.jpg" },
{ id: "t3", name: "Sofia Vance", imageSrc: "http://img.b2bpic.net/free-photo/cool-young-stylish-happy-people-co-working-office_285396-1800.jpg" },
{ id: "t4", name: "David Kim", imageSrc: "http://img.b2bpic.net/free-photo/close-u-pon-couple-home-sharing-tender-moments_23-2149105982.jpg" },
{ id: "t5", name: "Anita Gupta", imageSrc: "http://img.b2bpic.net/free-photo/young-man-looking-smartphone-holding-cup-while-his-friend-working-kitchen_23-2148195243.jpg" }
]}
cardTitle="Client Voices"
cardTag="Trusted by Homeowners"
cardAnimation="blur-reveal"
/>
</div>
<div id="faq" data-section="faq">
<FaqSplitMedia
textboxLayout="default"
useInvertedBackground={true}
faqs={[
{
id: "f1",
title: "How long does a renovation take?",
content: "Timelines vary by project size, typically ranging from 4 to 12 weeks.",
},
{
id: "f2",
title: "What are the benefits of epoxy floors?",
content: "Epoxy floors offer incredible durability, seamless aesthetics, and are extremely easy to clean.",
},
{
id: "f3",
title: "Do you offer free quotes?",
content: "Yes, we provide complimentary initial consultations and detailed project estimates.",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/cropped-shot-interracial-woman-man-cooperate-project_273609-44228.jpg"
title="Common Questions"
description="Everything you need to know about our home renovation and epoxy processes."
faqsAnimation="slide-up"
mediaAnimation="slide-up"
/>
</div>
<div id="faq" data-section="faq">
<FaqSplitMedia
textboxLayout="default"
useInvertedBackground={true}
faqs={[
{ id: "f1", title: "How long does a renovation take?", content: "Timelines vary by project size, typically ranging from 4 to 12 weeks." },
{ id: "f2", title: "What are the benefits of epoxy floors?", content: "Epoxy floors offer incredible durability, seamless aesthetics, and are extremely easy to clean." },
{ id: "f3", title: "Do you offer free quotes?", content: "Yes, we provide complimentary initial consultations and detailed project estimates." }
]}
imageSrc="http://img.b2bpic.net/free-photo/cropped-shot-interracial-woman-man-cooperate-project_273609-44228.jpg"
title="Common Questions"
description="Everything you need to know about our home renovation and epoxy processes."
faqsAnimation="slide-up"
mediaAnimation="slide-up"
/>
</div>
<div id="contact" data-section="contact">
<ContactSplitForm
useInvertedBackground={false}
title="Start Your Home Transformation"
description="Ready to reimagine your living space? Get in touch with our team today."
inputs={[
{
name: "name",
type: "text",
placeholder: "Full Name",
required: true,
},
{
name: "email",
type: "email",
placeholder: "Email Address",
required: true,
},
]}
textarea={{
name: "message",
placeholder: "Tell us about your project",
rows: 4,
required: true,
}}
imageSrc="http://img.b2bpic.net/free-photo/handsome-young-man-using-his-mobile-phone-office_1301-3945.jpg"
/>
</div>
<div id="contact" data-section="contact">
<ContactSplitForm
useInvertedBackground={false}
title="Start Your Home Transformation"
description="Ready to reimagine your living space? Get in touch with our team today."
inputs={[
{ name: "name", type: "text", placeholder: "Full Name", required: true },
{ name: "email", type: "email", placeholder: "Email Address", required: true }
]}
textarea={{ name: "message", placeholder: "Tell us about your project", rows: 4, required: true }}
imageSrc="http://img.b2bpic.net/free-photo/handsome-young-man-using-his-mobile-phone-office_1301-3945.jpg"
/>
</div>
<div id="footer" data-section="footer">
<FooterBase
columns={[
{
title: "Services",
items: [
{
label: "Remodeling",
href: "#",
},
{
label: "Epoxy Floors",
href: "#",
},
],
},
{
title: "Company",
items: [
{
label: "About Us",
href: "#about",
},
{
label: "Contact",
href: "#contact",
},
],
},
]}
logoText="Epoxia"
/>
</div>
<div id="footer" data-section="footer">
<FooterBase
columns={[
{ title: "Services", items: [{ label: "Remodeling", href: "#" }, { label: "Epoxy Floors", href: "#" }] },
{ title: "Company", items: [{ label: "About Us", href: "#about" }, { label: "Contact", href: "#contact" }] }
]}
logoText="Epoxia"
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}
}