282 lines
17 KiB
TypeScript
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>
|
|
);
|
|
}
|