bender/5bedb058-64af-401d-b67e-e3a94a6a100a
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/pages/HomePage.tsx

Browse Source
This commit is contained in:
bender
2026-06-23 17:16:27 +00:00
parent d79284ba6d
commit 498aac8eec
1 changed files with 108 additions and 140 deletions
Download Patch File Download Diff File Expand all files Collapse all files

248
src/pages/HomePage.tsx
View File

@@ -6,166 +6,134 @@ import FeaturesImageBento from '@/components/sections/features/FeaturesImageBent
import HeroSplit from '@/components/sections/hero/HeroSplit';
import MetricsMediaCards from '@/components/sections/metrics/MetricsMediaCards';
import TestimonialQuoteCards from '@/components/sections/testimonial/TestimonialQuoteCards';
import { Award, CheckCircle, Sparkles } from "lucide-react";
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
export default function HomePage() {
return (
<>
<div id="hero" data-section="hero">
<SectionErrorBoundary name="hero">
<div id="hero" data-section="hero">
<SectionErrorBoundary name="hero">
<HeroSplit
tag="Luxury Interior Design"
title="Crafting Timeless Spaces"
description="Abiari Interiors transforms your vision into a bespoke living experience, blending artisan craftsmanship with modern elegance."
primaryButton={{
text: "View Projects", href: "#portfolio"}}
secondaryButton={{
text: "Our Process", href: "#about"}}
imageSrc="http://img.b2bpic.net/free-photo/full-shot-woman-writing-her-journal_23-2150416349.jpg"
/>
</SectionErrorBoundary>
</div>
tag="Luxury Interior Design"
title="Crafting Timeless Spaces"
description="Abiari Interiors transforms your vision into a bespoke living experience, blending artisan craftsmanship with modern elegance."
primaryButton={{ text: "View Projects", href: "#portfolio" }}
secondaryButton={{ text: "Our Process", href: "#about" }}
imageSrc="http://img.b2bpic.net/free-photo/full-shot-woman-writing-her-journal_23-2150416349.jpg"
/>
</SectionErrorBoundary>
</div>
<div id="about" data-section="about">
<SectionErrorBoundary name="about">
<div id="about" data-section="about">
<SectionErrorBoundary name="about">
<AboutFeaturesSplit
tag="Our Philosophy"
title="Eigens in Every Detail"
description="We believe home is more than a place; it is a canvas for your life. Our approach combines structured design with warm, organic aesthetics."
items={[
{
icon: "Sparkles", title: "Artisanal Vision", description: "Hand-picked materials and textures."},
{
icon: "CheckCircle", title: "Tailored Layouts", description: "Spaces perfectly fit for your habits."},
{
icon: "Award", title: "Award-Winning Craft", description: "Industry leading design standards."},
]}
imageSrc="http://img.b2bpic.net/free-photo/keyboard-diary-calculator-blueprint-background_23-2148183022.jpg"
/>
</SectionErrorBoundary>
</div>
tag="Our Philosophy"
title="Eigens in Every Detail"
description="We believe home is more than a place; it is a canvas for your life. Our approach combines structured design with warm, organic aesthetics."
items={[
{ icon: "Sparkles", title: "Artisanal Vision", description: "Hand-picked materials and textures." },
{ icon: "CheckCircle", title: "Tailored Layouts", description: "Spaces perfectly fit for your habits." },
{ icon: "Award", title: "Award-Winning Craft", description: "Industry leading design standards." },
]}
imageSrc="http://img.b2bpic.net/free-photo/keyboard-diary-calculator-blueprint-background_23-2148183022.jpg"
/>
</SectionErrorBoundary>
</div>
<div id="features" data-section="features">
<SectionErrorBoundary name="features">
<div id="features" data-section="features">
<SectionErrorBoundary name="features">
<FeaturesBentoGrid
tag="Why Us"
title="The Abiari Difference"
description="We bridge the gap between architectural integrity and intimate comfort."
features={[
{
title: "Bespoke Furnishings", description: "Custom pieces made to order.", imageSrc: "http://img.b2bpic.net/free-photo/texture-background_1404-190.jpg"},
{
title: "Spatial Flow", description: "Optimized layouts for every lifestyle.", imageSrc: "http://img.b2bpic.net/free-photo/gift-boxes-3d-present-package-with-ribbon-bow_107791-17012.jpg"},
{
title: "Lighting Design", description: "Atmospheric solutions for all spaces.", imageSrc: "https://storage.googleapis.com/webild/default/no-image.jpg?id=3i9vzs"},
{
title: "Sustainable Luxury", description: "Ethical and durable material choices.", imageSrc: "http://img.b2bpic.net/free-vector/creative-icons-set_1251-2.jpg"},
]}
/>
</SectionErrorBoundary>
</div>
tag="Why Us"
title="The Abiari Difference"
description="We bridge the gap between architectural integrity and intimate comfort."
features={[
{ title: "Bespoke Furnishings", description: "Custom pieces made to order.", imageSrc: "http://img.b2bpic.net/free-photo/texture-background_1404-190.jpg" },
{ title: "Spatial Flow", description: "Optimized layouts for every lifestyle.", imageSrc: "http://img.b2bpic.net/free-photo/gift-boxes-3d-present-package-with-ribbon-bow_107791-17012.jpg" },
{ title: "Lighting Design", description: "Atmospheric solutions for all spaces.", imageSrc: "https://storage.googleapis.com/webild/default/no-image.jpg?id=3i9vzs" },
{ title: "Sustainable Luxury", description: "Ethical and durable material choices.", imageSrc: "http://img.b2bpic.net/free-vector/creative-icons-set_1251-2.jpg" },
]}
/>
</SectionErrorBoundary>
</div>
<div id="portfolio" data-section="portfolio">
<SectionErrorBoundary name="portfolio">
<div id="portfolio" data-section="portfolio">
<SectionErrorBoundary name="portfolio">
<FeaturesImageBento
tag="Our Works"
title="Curated Design Projects"
description="A glimpse into our recent residential and commercial interior projects."
items={[
{
title: "Modern Dining", description: "Sophisticated dining room redesign.", imageSrc: "http://img.b2bpic.net/free-photo/modern-luxury-bathroom-interior-with-natural-stone-tiles-bathtub_1194-640320.jpg"},
{
title: "Living Elegance", description: "Minimalist living space composition.", imageSrc: "http://img.b2bpic.net/free-photo/modern-styled-small-entryway_23-2150712903.jpg"},
{
title: "Kitchen Artistry", description: "High-end functional culinary space.", imageSrc: "http://img.b2bpic.net/free-photo/interior-design-neoclassical-style-with-furnishings-decor_23-2151199326.jpg"},
{
title: "Master Retreat", description: "Serene bedroom sanctuary.", imageSrc: "http://img.b2bpic.net/free-photo/cozy-modern-bedroom-with-comfortable-bedding-green-plants-generated-by-ai_188544-38187.jpg"},
{
title: "Executive Suite", description: "Refined and productive office.", imageSrc: "http://img.b2bpic.net/free-photo/modern-styled-small-entryway_23-2150712969.jpg"},
{
title: "Spa Bathroom", description: "Luxurious sanctuary design.", imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-loft-luxury-living-room-with-design-chandelier_105762-2226.jpg"},
{
title: "Artistic Entry", description: "A grand entrance experience.", imageSrc: "http://img.b2bpic.net/free-photo/creative-fengshui-practice-dining-room-arrangement_23-2149135746.jpg"},
]}
/>
</SectionErrorBoundary>
</div>
tag="Our Works"
title="Curated Design Projects"
description="A glimpse into our recent residential and commercial interior projects."
items={[
{ title: "Modern Dining", description: "Sophisticated dining room redesign.", imageSrc: "http://img.b2bpic.net/free-photo/modern-luxury-bathroom-interior-with-natural-stone-tiles-bathtub_1194-640320.jpg" },
{ title: "Living Elegance", description: "Minimalist living space composition.", imageSrc: "http://img.b2bpic.net/free-photo/modern-styled-small-entryway_23-2150712903.jpg" },
{ title: "Kitchen Artistry", description: "High-end functional culinary space.", imageSrc: "http://img.b2bpic.net/free-photo/interior-design-neoclassical-style-with-furnishings-decor_23-2151199326.jpg" },
{ title: "Master Retreat", description: "Serene bedroom sanctuary.", imageSrc: "http://img.b2bpic.net/free-photo/cozy-modern-bedroom-with-comfortable-bedding-green-plants-generated-by-ai_188544-38187.jpg" },
{ title: "Executive Suite", description: "Refined and productive office.", imageSrc: "http://img.b2bpic.net/free-photo/modern-styled-small-entryway_23-2150712969.jpg" },
{ title: "Spa Bathroom", description: "Luxurious sanctuary design.", imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-loft-luxury-living-room-with-design-chandelier_105762-2226.jpg" },
{ title: "Artistic Entry", description: "A grand entrance experience.", imageSrc: "http://img.b2bpic.net/free-photo/creative-fengshui-practice-dining-room-arrangement_23-2149135746.jpg" },
]}
/>
</SectionErrorBoundary>
</div>
<div id="testimonials" data-section="testimonials">
<SectionErrorBoundary name="testimonials">
<div id="testimonials" data-section="testimonials">
<SectionErrorBoundary name="testimonials">
<TestimonialQuoteCards
tag="Client Stories"
title="Trusted by Many"
description="Hear what our clients have to say about their Abiari transformation."
testimonials={[
{
name: "Eleanor P.", role: "Homeowner", quote: "Simply transformed my house into a sanctuary.", imageSrc: "http://img.b2bpic.net/free-photo/bearded-young-man-standing-office-medium-shot_23-2148327020.jpg"},
{
name: "Marcus W.", role: "Business Owner", quote: "Professional, punctual, and highly creative.", imageSrc: "http://img.b2bpic.net/free-photo/professional-women-stylish-suit-office-with-tablet-device_23-2150167810.jpg"},
{
name: "Sarah J.", role: "Architect", quote: "Attention to detail is truly unmatched.", imageSrc: "http://img.b2bpic.net/free-photo/couple-sharing-great-working-relationship_329181-17640.jpg"},
{
name: "David K.", role: "Homeowner", quote: "They understood exactly what I needed.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-women-high-five_23-2149390525.jpg"},
{
name: "Emma R.", role: "Creative Director", quote: "The aesthetic is absolutely divine.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-posing-near-wall_23-2148718039.jpg"},
]}
/>
</SectionErrorBoundary>
</div>
tag="Client Stories"
title="Trusted by Many"
description="Hear what our clients have to say about their Abiari transformation."
testimonials={[
{ name: "Eleanor P.", role: "Homeowner", quote: "Simply transformed my house into a sanctuary.", imageSrc: "http://img.b2bpic.net/free-photo/bearded-young-man-standing-office-medium-shot_23-2148327020.jpg" },
{ name: "Marcus W.", role: "Business Owner", quote: "Professional, punctual, and highly creative.", imageSrc: "http://img.b2bpic.net/free-photo/professional-women-stylish-suit-office-with-tablet-device_23-2150167810.jpg" },
{ name: "Sarah J.", role: "Architect", quote: "Attention to detail is truly unmatched.", imageSrc: "http://img.b2bpic.net/free-photo/couple-sharing-great-working-relationship_329181-17640.jpg" },
{ name: "David K.", role: "Homeowner", quote: "They understood exactly what I needed.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-women-high-five_23-2149390525.jpg" },
{ name: "Emma R.", role: "Creative Director", quote: "The aesthetic is absolutely divine.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-posing-near-wall_23-2148718039.jpg" },
]}
/>
</SectionErrorBoundary>
</div>
<div id="metrics" data-section="metrics">
<SectionErrorBoundary name="metrics">
<div id="metrics" data-section="metrics">
<SectionErrorBoundary name="metrics">
<MetricsMediaCards
tag="Our Impact"
title="Design by the Numbers"
description="Quality and expertise built over a decade."
metrics={[
{
value: "150+", title: "Completed Projects", description: "Satisfied clients across the region.", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-artisan-doing-woodcutting_23-2150104701.jpg"},
{
value: "12", title: "Years Experience", description: "Expert design in every corner.", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-working-project_23-2149721868.jpg"},
]}
/>
</SectionErrorBoundary>
</div>
tag="Our Impact"
title="Design by the Numbers"
description="Quality and expertise built over a decade."
metrics={[
{ value: "150+", title: "Completed Projects", description: "Satisfied clients across the region.", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-artisan-doing-woodcutting_23-2150104701.jpg" },
{ value: "12", title: "Years Experience", description: "Expert design in every corner.", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-working-project_23-2149721868.jpg" },
]}
/>
</SectionErrorBoundary>
</div>
<div id="faq" data-section="faq">
<SectionErrorBoundary name="faq">
<div id="faq" data-section="faq">
<SectionErrorBoundary name="faq">
<FaqTabbedAccordion
tag="Need Help?"
title="Frequently Asked Questions"
description="Answers to our common process inquiries."
categories={[
{
name: "General", items: [
{
question: "What is the timeline?", answer: "Usually 3-6 months depending on scope."},
{
question: "How do we start?", answer: "Simply fill out our consultation form."},
{
question: "Do you work remotely?", answer: "Yes, we offer virtual design packages."},
],
},
]}
cta={{
name: "Design Consultant", role: "Lead Architect", buttonText: "Ask Us Anything", buttonHref: "#contact", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-woman-with-canvas_23-2148944968.jpg"}}
/>
</SectionErrorBoundary>
</div>
tag="Need Help?"
title="Frequently Asked Questions"
description="Answers to our common process inquiries."
categories={[
{ name: "General", items: [
{ question: "What is the timeline?", answer: "Usually 3-6 months depending on scope." },
{ question: "How do we start?", answer: "Simply fill out our consultation form." },
{ question: "Do you work remotely?", answer: "Yes, we offer virtual design packages." },
] },
]}
cta={{ name: "Design Consultant", role: "Lead Architect", buttonText: "Ask Us Anything", buttonHref: "#contact", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-woman-with-canvas_23-2148944968.jpg" }}
/>
</SectionErrorBoundary>
</div>
<div id="contact" data-section="contact">
<SectionErrorBoundary name="contact">
<div id="contact" data-section="contact">
<SectionErrorBoundary name="contact">
<ContactCta
tag="Get Started"
text="Ready to redefine your space? Let's discuss your project vision today."
primaryButton={{
text: "Book Consultation", href: "#"}}
secondaryButton={{
text: "Email Us", href: "mailto:hello@abiariinteriors.com"}}
/>
</SectionErrorBoundary>
</div>
tag="Get Started"
text="Ready to redefine your space? Let's discuss your project vision today."
primaryButton={{ text: "Book Consultation", href: "#" }}
secondaryButton={{ text: "Email Us", href: "mailto:hello@abiariinteriors.com" }}
/>
</SectionErrorBoundary>
</div>
</>
);
}