Merge version_2 into main #1
369
src/app/page.tsx
369
src/app/page.tsx
@@ -31,26 +31,11 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Projects",
|
||||
id: "products",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Services", id: "/services" },
|
||||
{ name: "Projects", id: "products" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Lofty Hues"
|
||||
/>
|
||||
@@ -58,119 +43,18 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDoubleCarousel
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Elevating Your Living Space"
|
||||
description="Lofty Hues crafts bespoke, warm, and sophisticated interior environments tailored to your unique lifestyle."
|
||||
leftCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/home-plant-vase-decoration-arrangement_23-2149090591.jpg",
|
||||
imageAlt: "Lofty Hues interior design 1",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/luxury-modern-living-room-with-elegant-decor-generated-by-ai_188544-21290.jpg",
|
||||
imageAlt: "Lofty Hues interior design 2",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-loft-luxury-living-room-with-design-chandelier_105762-2226.jpg",
|
||||
imageAlt: "Lofty Hues interior design 3",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-using-laptop-minimal-decorated-room_23-2150407611.jpg",
|
||||
imageAlt: "Lofty Hues interior design 4",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-automatic-smart-feeder-household-pets_23-2151482486.jpg",
|
||||
imageAlt: "Lofty Hues interior design 5",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cozy-lively-home-interior-design_23-2151119010.jpg",
|
||||
imageAlt: "Lofty Hues interior design 6",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/home-plant-vase-decoration-arrangement_23-2149090591.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/luxury-modern-living-room-with-elegant-decor-generated-by-ai_188544-21290.jpg" }
|
||||
]}
|
||||
rightCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/rocking-chair-interior-modern-house_169016-20198.jpg",
|
||||
imageAlt: "Lofty Hues interior design 1",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/living-room-with-large-blue-sofa-large-coffee-table-with-large-window-that-says-room-is-decorated-with-large-plant_123827-23873.jpg",
|
||||
imageAlt: "Lofty Hues interior design 2",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blend-minimal-nordic-interior-design-with-japanese-wabi-sabi-style_23-2151160209.jpg",
|
||||
imageAlt: "Lofty Hues interior design 3",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-empty-desk-high-end-loft-apartment-workspace_482257-120187.jpg",
|
||||
imageAlt: "Lofty Hues interior design 4",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cozy-lively-home-interior-design_23-2151118945.jpg",
|
||||
imageAlt: "Lofty Hues interior design 5",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/elegant-modern-living-room-showcases-luxury-design-generated-by-ai_188544-27377.jpg",
|
||||
imageAlt: "Lofty Hues interior design 6",
|
||||
},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "View Our Portfolio",
|
||||
href: "#products",
|
||||
},
|
||||
]}
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/woman-using-laptop-minimal-decorated-room_23-2150407639.jpg",
|
||||
alt: "Client 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/woman-doing-daily-activities-minimal-decorated-room_23-2150407613.jpg",
|
||||
alt: "Client 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/woman-doing-daily-activities-minimal-decorated-room_23-2150407593.jpg",
|
||||
alt: "Client 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/woman-using-laptop-minimal-decorated-room_23-2150407638.jpg",
|
||||
alt: "Client 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/luxury-modern-living-room-with-comfortable-sofa-generated-by-ai_188544-18444.jpg",
|
||||
alt: "Client 5",
|
||||
},
|
||||
]}
|
||||
avatarText="Trusted by 500+ homeowners"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/luxury-modern-living-room-illuminated-with-elegance-generated-by-ai_188544-18272.jpg",
|
||||
alt: "Design Style 1",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/comfortable-modern-living-room-with-elegant-lighting-equipment-generated-by-ai_188544-21361.jpg",
|
||||
alt: "Design Style 2",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/luxury-modern-living-room-illuminated-by-lighting-equipment-generated-by-ai_188544-21440.jpg",
|
||||
alt: "Design Style 3",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/life-style_1122-1801.jpg",
|
||||
alt: "Design Style 4",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/living-room-with-modern-beautiful-decoration_181624-30650.jpg",
|
||||
alt: "Design Style 5",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/rocking-chair-interior-modern-house_169016-20198.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/living-room-with-large-blue-sofa-large-coffee-table-with-large-window-that-says-room-is-decorated-with-large-plant_123827-23873.jpg" }
|
||||
]}
|
||||
buttons={[{ text: "View Our Portfolio", href: "#products" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -178,9 +62,8 @@ export default function LandingPage() {
|
||||
<MediaAbout
|
||||
useInvertedBackground={false}
|
||||
title="Our Design Philosophy"
|
||||
description="At Lofty Hues, we believe that interiors should be an extension of one's personality, balanced with comfort and timeless elegance. Our team specializes in translating your vision into reality."
|
||||
description="At Lofty Hues, we believe that interiors should be an extension of one's personality, balanced with comfort and timeless elegance."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/medium-shot-woman-drawing-project_23-2148903490.jpg"
|
||||
imageAlt="Interior design professional consultation"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -190,24 +73,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Concept Design",
|
||||
description: "Creative planning to define your home's unique style.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-vase-with-artificial-flowers-living-room_169016-5190.jpg",
|
||||
imageAlt: "Concept",
|
||||
},
|
||||
{
|
||||
title: "Space Planning",
|
||||
description: "Optimizing every corner for function and comfort.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/creative-fengshui-practice-home-arrangement_23-2149135745.jpg",
|
||||
imageAlt: "Space",
|
||||
},
|
||||
{
|
||||
title: "Finishing Touches",
|
||||
description: "Curating every detail, from art to accessories.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-modern-interior-sketch-style-design_1048-18878.jpg",
|
||||
imageAlt: "Finishing",
|
||||
},
|
||||
{ title: "Concept Design", description: "Creative planning to define your home's unique style.", imageSrc: "http://img.b2bpic.net/free-photo/still-life-vase-with-artificial-flowers-living-room_169016-5190.jpg" },
|
||||
{ title: "Space Planning", description: "Optimizing every corner for function and comfort.", imageSrc: "http://img.b2bpic.net/free-photo/creative-fengshui-practice-home-arrangement_23-2149135745.jpg" },
|
||||
{ title: "Finishing Touches", description: "Curating every detail, from art to accessories.", imageSrc: "http://img.b2bpic.net/free-photo/3d-modern-interior-sketch-style-design_1048-18878.jpg" },
|
||||
]}
|
||||
title="Tailored Design Services"
|
||||
description="From concept to final placement, our end-to-end design services ensure seamless results."
|
||||
@@ -221,54 +89,8 @@ export default function LandingPage() {
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Modern Living",
|
||||
price: "Renovation",
|
||||
variant: "Luxury",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blend-minimal-nordic-interior-design-with-japanese-wabi-sabi-style_23-2151160205.jpg",
|
||||
imageAlt: "Modern Living",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Classic Dining",
|
||||
price: "Styling",
|
||||
variant: "Timeless",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/futuristic-kitchen-interior-design_23-2151821383.jpg",
|
||||
imageAlt: "Classic Dining",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Master Suite",
|
||||
price: "Custom",
|
||||
variant: "Premium",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-table-with-cutlery-plates_23-2149293587.jpg",
|
||||
imageAlt: "Master Suite",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Home Office",
|
||||
price: "Planning",
|
||||
variant: "Functional",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/digital-lavender-interior-design_23-2151561194.jpg",
|
||||
imageAlt: "Home Office",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Bespoke Kitchen",
|
||||
price: "Design",
|
||||
variant: "Premium",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-woman-with-smartphone-vibrator_23-2150232150.jpg",
|
||||
imageAlt: "Bespoke Kitchen",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
name: "Luxury Library",
|
||||
price: "Curated",
|
||||
variant: "Elegant",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-holding-textile_23-2148903499.jpg",
|
||||
imageAlt: "Luxury Library",
|
||||
},
|
||||
{ id: "1", name: "Modern Living", price: "Renovation", variant: "Luxury", imageSrc: "http://img.b2bpic.net/free-photo/blend-minimal-nordic-interior-design-with-japanese-wabi-sabi-style_23-2151160205.jpg" },
|
||||
{ id: "2", name: "Classic Dining", price: "Styling", variant: "Timeless", imageSrc: "http://img.b2bpic.net/free-photo/futuristic-kitchen-interior-design_23-2151821383.jpg" }
|
||||
]}
|
||||
title="Featured Projects"
|
||||
description="Explore our curated portfolio of residential and commercial transformations."
|
||||
@@ -280,62 +102,8 @@ export default function LandingPage() {
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah J.",
|
||||
role: "Owner",
|
||||
company: "Villa Home",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-tender-young-smiling-woman-feeling-cozy-home-sitting-kitchen-chair-with-smartphone_1258-199927.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Michael R.",
|
||||
role: "Director",
|
||||
company: "Modern Life",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beauty-redhead-female-barista-drinks-coffee-coffee-shop_613910-4782.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily K.",
|
||||
role: "Artist",
|
||||
company: "Creative Spaces",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-couple-indoors_23-2148889785.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "David W.",
|
||||
role: "Tech Lead",
|
||||
company: "Startup House",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/couple-handling-carpet-together-their-new-home_23-2149086838.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Linda M.",
|
||||
role: "Architect",
|
||||
company: "Design Lab",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-coworkers-workplace_23-2147727730.jpg",
|
||||
},
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "120+",
|
||||
label: "Projects Completed",
|
||||
},
|
||||
{
|
||||
value: "95%",
|
||||
label: "Client Retention",
|
||||
},
|
||||
{
|
||||
value: "10",
|
||||
label: "Years Experience",
|
||||
},
|
||||
]}
|
||||
testimonials={[]}
|
||||
kpiItems={[{value: "120+", label: "Projects"}, {value: "95%", label: "Retention"}, {value: "10", label: "Years"}]}
|
||||
title="Client Success Stories"
|
||||
description="See why homeowners choose Lofty Hues for their vision."
|
||||
/>
|
||||
@@ -348,21 +116,9 @@ export default function LandingPage() {
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "200+",
|
||||
description: "Finished Rooms",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "45+",
|
||||
description: "Global Vendors",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "8+",
|
||||
description: "Design Awards",
|
||||
},
|
||||
{ id: "m1", value: "200+", description: "Finished Rooms" },
|
||||
{ id: "m2", value: "45+", description: "Global Vendors" },
|
||||
{ id: "m3", value: "8+", description: "Design Awards" },
|
||||
]}
|
||||
title="Our Design Impact"
|
||||
description="Metrics that define our creative legacy."
|
||||
@@ -373,25 +129,9 @@ export default function LandingPage() {
|
||||
<FaqBase
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "What is the design process?",
|
||||
content: "Our process begins with an initial consultation to understand your goals, followed by concept development and execution.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "How long does a project take?",
|
||||
content: "Project timelines vary depending on the scope but typically range from 3 to 9 months.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Do you work with commercial spaces?",
|
||||
content: "Yes, we specialize in high-end commercial interiors as well as residential luxury properties.",
|
||||
},
|
||||
]}
|
||||
faqs={[]}
|
||||
title="Common Inquiries"
|
||||
description="Have questions? We have answers to help you start your journey."
|
||||
description="Have questions? We have answers."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
@@ -399,9 +139,7 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
tag="Let's Talk"
|
||||
title="Start Your Lofty Transformation"
|
||||
description="Ready to design your perfect home? Reach out to us today to begin."
|
||||
@@ -410,64 +148,11 @@ export default function LandingPage() {
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
{
|
||||
label: "Residential",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Commercial",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Planning",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "About",
|
||||
items: [
|
||||
{
|
||||
label: "Our Story",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Press",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
columns={[]}
|
||||
logoText="Lofty Hues"
|
||||
copyrightText="© 2025 Lofty Hues Interior Design. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
42
src/app/services/page.tsx
Normal file
42
src/app/services/page.tsx
Normal file
@@ -0,0 +1,42 @@
|
||||
"use client";
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
||||
import FeatureCardSeven from '@/components/sections/feature/FeatureCardSeven';
|
||||
import FooterBase from '@/components/sections/footer/FooterBase';
|
||||
|
||||
export default function ServicesPage() {
|
||||
return (
|
||||
<ThemeProvider>
|
||||
<ReactLenis root>
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "Services", id: "/services" },
|
||||
{ name: "Projects", id: "/products" },
|
||||
{ name: "Contact", id: "/contact" },
|
||||
]}
|
||||
brandName="Lofty Hues"
|
||||
/>
|
||||
<div style={{ paddingTop: "100px" }}>
|
||||
<FeatureCardSeven
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
title="Our Professional Interior Design Services"
|
||||
description="Discover our comprehensive range of services tailored to transform your space."
|
||||
features={[
|
||||
{ title: "Space Planning", description: "Strategic layout optimization for maximum utility and flow.", imageSrc: "http://img.b2bpic.net/free-photo/creative-fengshui-practice-home-arrangement_23-2149135745.jpg" },
|
||||
{ title: "Furniture Curation", description: "Selecting the perfect pieces that blend aesthetics and comfort.", imageSrc: "http://img.b2bpic.net/free-photo/luxury-modern-living-room-with-comfortable-sofa-generated-by-ai_188544-18444.jpg" },
|
||||
{ title: "Color Consultation", description: "Professional color palettes to set the mood of every room.", imageSrc: "http://img.b2bpic.net/free-photo/blend-minimal-nordic-interior-design-with-japanese-wabi-sabi-style_23-2151160205.jpg" },
|
||||
{ title: "Lighting Design", description: "Layered lighting solutions to enhance ambiance and function.", imageSrc: "http://img.b2bpic.net/free-photo/comfortable-modern-living-room-with-elegant-lighting-equipment-generated-by-ai_188544-21361.jpg" },
|
||||
{ title: "Project Management", description: "End-to-end oversight to ensure your vision becomes a reality.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-drawing-project_23-2148903490.jpg" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<FooterBase logoText="Lofty Hues" columns={[]} />
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user