Files
2eaf57b2-079f-4031-b88a-c31…/src/app/page.tsx
2026-06-10 16:12:43 +00:00

282 lines
17 KiB
TypeScript

"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FaqBase from '@/components/sections/faq/FaqBase';
import FeatureCardSeven from '@/components/sections/feature/FeatureCardSeven';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
import HeroSplitTestimonial from '@/components/sections/hero/HeroSplitTestimonial';
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import TeamCardFive from '@/components/sections/team/TeamCardFive';
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
import { Clock, Diamond, Lightbulb, Sparkles, UserCheck } from "lucide-react";
export default function LandingPage() {
return (
<ThemeProvider
defaultButtonVariant="expand-hover"
defaultTextAnimation="reveal-blur"
borderRadius="soft"
contentWidth="medium"
sizing="mediumLargeSizeLargeTitles"
background="aurora"
cardStyle="layered-gradient"
primaryButtonStyle="gradient"
secondaryButtonStyle="solid"
headingFontWeight="bold"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarStyleApple
navItems={[
{
name: "Home", id: "#home"},
{
name: "About Us", id: "#about"},
{
name: "Services", id: "#services"},
{
name: "Projects", id: "#projects"},
{
name: "Testimonials", id: "#testimonials"},
{
name: "Our Team", id: "#team"},
{
name: "FAQ", id: "#faq"},
{
name: "Contact", id: "#contact"},
]}
brandName="Algebra Interiors"
/>
</div>
<div id="home" data-section="home">
<HeroSplitTestimonial
useInvertedBackground={false}
background={{
variant: "plain"}}
title="Crafting Exquisite Spaces"
description="Transforming visions into luxurious realities with bespoke commercial and residential interior design."
testimonials={[
{
name: "Sarah Chen", handle: "@sarah_designs", testimonial: "Algebra Interiors transformed my home into a sanctuary. Every detail reflects luxury and comfort. Absolutely phenomenal work!", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/positive-confident-businesswoman-wearing-formal-suit-standing-with-arms-folded_74855-10328.jpg", imageAlt: "Sarah Chen"},
{
name: "Michael Davies", handle: "@davies_co", testimonial: "Our commercial space now radiates professionalism and elegance. The team delivered beyond expectations, on time and within budget.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/smiley-colleagues-discussing-break-time_23-2149308452.jpg", imageAlt: "Michael Davies"},
{
name: "Emily Rodriguez", handle: "@emily_spaces", testimonial: "Working with Algebra Interiors was a dream. They understood my style perfectly and added so much value to my property.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-attractive-woman-white-jacket-leaning-fence-street-she-is-smiling-side_197531-1118.jpg", imageAlt: "Emily Rodriguez"},
{
name: "David Kim", handle: "@kim_properties", testimonial: "Their innovative approach to residential design is unmatched. Our clients are consistently impressed with the finished product.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/senior-businessman-with-arms-crossed-outside-modern-office-building_1139-1074.jpg", imageAlt: "David Kim"},
{
name: "Jessica Lee", handle: "@jess_designs", testimonial: "From concept to completion, the process was seamless. My new office is not just beautiful, but incredibly functional.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/head-shot-happy-beautiful-young-woman-posing-indoors-looking-camera-smiling_74855-10218.jpg", imageAlt: "Jessica Lee"},
]}
tag="Luxury Interior Design"
buttons={[
{
text: "Explore Projects", href: "#projects"},
{
text: "Get a Consultation", href: "#contact"},
]}
avatars={[
{
src: "http://img.b2bpic.net/free-photo/portrait-brutal-bearded-macho-male-dressed-suit-dark-grey-background_613910-1524.jpg", alt: "Client Avatar 1"},
{
src: "http://img.b2bpic.net/free-photo/portrait-smiling-senior-man-holding-smart-phone_23-2147935571.jpg", alt: "Client Avatar 2"},
{
src: "http://img.b2bpic.net/free-photo/senior-businessman-walking-outside-modern-office-building_1139-1079.jpg", alt: "Client Avatar 3"},
{
src: "http://img.b2bpic.net/free-photo/front-view-smiley-man-darkroom_23-2149893830.jpg", alt: "Client Avatar 4"},
{
src: "http://img.b2bpic.net/free-photo/portrait-bearded-black-man-wool-suit_613910-16037.jpg", alt: "Client Avatar 5"},
]}
avatarText="Trusted by over 100+ clients"
imageSrc="http://img.b2bpic.net/free-photo/beautiful-luxury-sofa_74190-6516.jpg"
imageAlt="Luxury interior design living room"
mediaAnimation="blur-reveal"
marqueeItems={[
{
type: "text-icon", text: "Bespoke Design", icon: Sparkles,
},
{
type: "text-icon", text: "Exceptional Quality", icon: Diamond,
},
{
type: "text-icon", text: "Client Focused", icon: UserCheck,
},
{
type: "text-icon", text: "Innovative Spaces", icon: Lightbulb,
},
{
type: "text-icon", text: "Timeless Elegance", icon: Clock,
},
]}
/>
</div>
<div id="about" data-section="about">
<MetricSplitMediaAbout
useInvertedBackground={true}
title="About Algebra Interiors"
description="With a passion for transforming spaces, Algebra Interiors specializes in creating bespoke, high-end designs for both commercial and residential clients. Our expertise lies in blending aesthetics with functionality, delivering environments that inspire and impress."
metrics={[
{
value: "15+", title: "Years of Experience"},
{
value: "200+", title: "Completed Projects"},
{
value: "98%", title: "Client Satisfaction"},
]}
imageSrc="http://img.b2bpic.net/free-photo/3d-rendering-modern-luxury-hotel-office-reception-meeting-lounge_105762-2045.jpg"
imageAlt="Modern interior design office reception"
mediaAnimation="blur-reveal"
metricsAnimation="blur-reveal"
/>
</div>
<div id="services" data-section="services">
<FeatureCardSeven
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
features={[
{
title: "Residential Design", description: "Crafting personalized sanctuaries that reflect your unique style and enhance everyday living. From luxurious living rooms to serene bedrooms, we create homes that are both beautiful and functional.", imageSrc: "http://img.b2bpic.net/free-photo/modern-hotel-lobby-with-leather-sofa-chairs-lamp-round-tables_1262-12373.jpg", imageAlt: "Luxury residential interior design living room"},
{
title: "Commercial Solutions", description: "Designing impactful commercial spaces that elevate brand identity and foster productivity. We specialize in offices, retail, and hospitality sectors, ensuring aesthetic appeal and operational efficiency.", imageSrc: "http://img.b2bpic.net/free-photo/white-business-center-with-beautiful-textures-unique-design-with-interior-staircases_181624-5474.jpg", imageAlt: "Modern commercial interior design office lobby"},
{
title: "Consultation & Planning", description: "Offering expert guidance from conceptualization to execution. Our comprehensive consultations ensure every detail aligns with your vision and budget, providing a seamless design journey.", imageSrc: "http://img.b2bpic.net/free-photo/entrepreneur-collaborates-with-real-estate-team-experts_482257-95542.jpg", imageAlt: "Interior design consultation meeting with client"},
]}
title="Our Expert Design Services"
description="Whether it's a cozy home or a bustling business, our tailored services bring your vision to life with unparalleled elegance."
/>
</div>
<div id="projects" data-section="projects">
<ProductCardThree
animationType="slide-up"
textboxLayout="default"
gridVariant="bento-grid"
useInvertedBackground={true}
products={[
{
id: "project-living-room", name: "Luxury Living Room", price: "Upon Request", imageSrc: "http://img.b2bpic.net/free-photo/woman-using-laptop-minimal-decorated-room_23-2150407597.jpg", imageAlt: "Luxury living room interior design"},
{
id: "project-office-lobby", name: "Corporate Office Lobby", price: "Upon Request", imageSrc: "http://img.b2bpic.net/free-photo/modern-office-space-with-futuristic-decor-furniture_23-2151797676.jpg", imageAlt: "Modern office lobby interior design"},
{
id: "project-hotel-suite", name: "Boutique Hotel Suite", price: "Upon Request", imageSrc: "http://img.b2bpic.net/free-photo/still-life-spa_23-2148000417.jpg", imageAlt: "Boutique hotel room interior design"},
{
id: "project-kitchen-design", name: "Modern Kitchen Design", price: "Upon Request", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-kitchen-interior-design_23-2150976545.jpg", imageAlt: "Residential kitchen interior design"},
{
id: "project-retail-store", name: "High-End Retail Store", price: "Upon Request", imageSrc: "http://img.b2bpic.net/free-photo/asian-woman-store-employee-arranging-new-designer-clothes-hangers_482257-118505.jpg", imageAlt: "Modern retail store interior design"},
{
id: "project-master-bedroom", name: "Elegant Master Bedroom", price: "Upon Request", imageSrc: "http://img.b2bpic.net/free-photo/indoor-design-luxury-resort_23-2150497266.jpg", imageAlt: "Luxury master bedroom interior design"},
]}
title="Our Latest Projects"
description="Explore our portfolio of stunning residential and commercial interior design projects, showcasing our commitment to luxury and impeccable style."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardOne
animationType="slide-up"
textboxLayout="default"
gridVariant="three-columns-all-equal-width"
useInvertedBackground={false}
testimonials={[
{
id: "1", name: "Anya Sharma", role: "Homeowner", company: "Private Residence", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/scenery-designers-work_23-2149741777.jpg", imageAlt: "Anya Sharma"},
{
id: "2", name: "Omar Hassan", role: "Hotel Manager", company: "Grand Vista Hotel", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/stylish-blond-bearded-male-dressed-elegant-classic-jacket_613910-11188.jpg", imageAlt: "Omar Hassan"},
{
id: "3", name: "Lena Petrova", role: "Business Owner", company: "Chic Boutique", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/longhaired-brunette-woman-sunglasses-black-jacket-smiles-walks-outside-asian-tanned-lady-with-red-lips-poses-near-building_197531-27915.jpg", imageAlt: "Lena Petrova"},
{
id: "4", name: "Carlos Gomez", role: "CEO", company: "Gomez Corp", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/handsome-smiling-businessman-glasses-suit-pointing-fingers-up-showing-advertisement_176420-31750.jpg", imageAlt: "Carlos Gomez"},
{
id: "5", name: "Sofia Ricci", role: "Property Developer", company: "Ricci Estates", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/pretty-woman-playing-with-party-accesories_1187-4015.jpg", imageAlt: "Sofia Ricci"},
]}
title="What Our Clients Say"
description="Hear from our delighted clients about their experience with Algebra Interiors and the stunning transformations we've achieved."
/>
</div>
<div id="team" data-section="team">
<TeamCardFive
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={true}
team={[
{
id: "1", name: "Amina Khan", role: "Lead Designer & Founder", imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiley-woman-engineer_23-2148826529.jpg", imageAlt: "Amina Khan, Lead Designer & Founder"},
{
id: "2", name: "Leo Martinez", role: "Senior Architect", imageSrc: "http://img.b2bpic.net/free-photo/architect-posing-office_23-2148242966.jpg", imageAlt: "Leo Martinez, Senior Architect"},
{
id: "3", name: "Chloe Dubois", role: "Project Manager", imageSrc: "http://img.b2bpic.net/free-photo/cute-young-woman-outdoor_624325-2425.jpg", imageAlt: "Chloe Dubois, Project Manager"},
]}
title="Meet Our Visionary Team"
description="Behind every stunning design is a team of passionate experts dedicated to crafting beautiful and functional spaces."
/>
</div>
<div id="faq" data-section="faq">
<FaqBase
textboxLayout="default"
useInvertedBackground={false}
faqs={[
{
id: "1", title: "What is your design process?", content: "Our process begins with a detailed consultation to understand your vision, followed by concept development, design presentation, material selection, and meticulous execution, ensuring every step aligns with your expectations."},
{
id: "2", title: "Do you handle both residential and commercial projects?", content: "Yes, we have extensive experience in both residential and commercial interior design. Our portfolio includes luxurious homes, corporate offices, retail spaces, and boutique hotels."},
{
id: "3", title: "How long does a typical project take?", content: "Project timelines vary based on scope and complexity. A small residential refresh might take a few weeks, while a large commercial build-out could take several months. We provide a detailed timeline after the initial consultation."},
]}
title="Frequently Asked Questions"
description="Find answers to common questions about our interior design services and how we work with clients."
faqsAnimation="slide-up"
/>
</div>
<div id="contact" data-section="contact">
<ContactSplit
useInvertedBackground={true}
background={{
variant: "plain"}}
tag="Get in Touch"
title="Let's Create Something Extraordinary"
description="Ready to transform your space? Contact us today to schedule a consultation and bring your vision to life."
imageSrc="http://img.b2bpic.net/free-photo/medium-shot-people-chatting-work-event_23-2149304735.jpg"
imageAlt="Luxury interior design consultation desk"
mediaAnimation="blur-reveal"
inputPlaceholder="Enter your email"
buttonText="Send Inquiry"
termsText="By sending an inquiry, you agree to our privacy policy and terms of service."
/>
</div>
<div id="footer" data-section="footer">
<FooterLogoReveal
logoSrc="http://img.b2bpic.net/free-vector/minimal-logo-template-set-with-pastel-colors_23-2148371141.jpg"
logoAlt="Algebra Interiors Logo"
logoText="Algebra Interiors"
leftLink={{
text: "Privacy Policy", href: "#"}}
rightLink={{
text: "Terms of Service", href: "#"}}
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}