Merge version_2 into main #3
363
src/app/page.tsx
363
src/app/page.tsx
@@ -2,17 +2,17 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
||||
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
||||
import FaqBase from '@/components/sections/faq/FaqBase';
|
||||
import FeatureCardTwentyFive from '@/components/sections/feature/FeatureCardTwentyFive';
|
||||
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
|
||||
import FooterCard from '@/components/sections/footer/FooterCard';
|
||||
import HeroOverlayTestimonial from '@/components/sections/hero/HeroOverlayTestimonial';
|
||||
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
|
||||
import MediaAbout from '@/components/sections/about/MediaAbout';
|
||||
import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
|
||||
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
||||
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
||||
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
|
||||
import { Award, Globe, Maximize, Palette, Sparkles, Star } from "lucide-react";
|
||||
import { Award, Globe, Maximize, Palette, Sparkles, Star, Facebook, Instagram, Twitter } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -33,25 +33,15 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "features",
|
||||
},
|
||||
name: "Services", id: "features"},
|
||||
{
|
||||
name: "Showcase",
|
||||
id: "products",
|
||||
},
|
||||
name: "Showcase", id: "products"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="A-S Decoration"
|
||||
/>
|
||||
@@ -63,93 +53,26 @@ export default function LandingPage() {
|
||||
description="At A-S Decoration, we transform environments into elegant sanctuaries, blending artistry with functional design to reflect your unique personal style."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Elena V.",
|
||||
handle: "@elena_v",
|
||||
testimonial: "The attention to detail was exceptional. My living room feels brand new and so sophisticated.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/working-from-home-ergonomic-workstation_23-2149204643.jpg?_wi=1",
|
||||
imageAlt: "elegant interior decoration showroom",
|
||||
},
|
||||
name: "Elena V.", handle: "@elena_v", testimonial: "The attention to detail was exceptional. My living room feels brand new and so sophisticated.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/working-from-home-ergonomic-workstation_23-2149204643.jpg?_wi=1", imageAlt: "elegant interior decoration showroom"},
|
||||
{
|
||||
name: "Marcus R.",
|
||||
handle: "@mrcs_design",
|
||||
testimonial: "A-S Decoration transformed our penthouse into a masterpiece of modern luxury.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/content-african-american-designer-explaining-project-client-showing-draft_74855-9753.jpg?_wi=1",
|
||||
imageAlt: "elegant interior decoration showroom",
|
||||
},
|
||||
name: "Marcus R.", handle: "@mrcs_design", testimonial: "A-S Decoration transformed our penthouse into a masterpiece of modern luxury.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/content-african-american-designer-explaining-project-client-showing-draft_74855-9753.jpg?_wi=1", imageAlt: "elegant interior decoration showroom"},
|
||||
{
|
||||
name: "Sofia L.",
|
||||
handle: "@sofia_l",
|
||||
testimonial: "Professional, punctual, and creatively brilliant. Highly recommended for any interior project.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-boards-mdf-material_23-2149418572.jpg?_wi=1",
|
||||
imageAlt: "elegant interior decoration showroom",
|
||||
},
|
||||
{
|
||||
name: "James T.",
|
||||
handle: "@jamest_home",
|
||||
testimonial: "An incredible eye for color and texture. Truly transformed our space.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-interior-designer-tools-arrangement_23-2150346493.jpg?_wi=1",
|
||||
imageAlt: "elegant interior decoration showroom",
|
||||
},
|
||||
{
|
||||
name: "Linda M.",
|
||||
handle: "@linda_m_design",
|
||||
testimonial: "A-S Decoration brought my vision to life perfectly. Seamless experience.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/crop-hands-holding-tablet-with-scheme_23-2147831921.jpg?_wi=1",
|
||||
imageAlt: "elegant interior decoration showroom",
|
||||
},
|
||||
name: "Sofia L.", handle: "@sofia_l", testimonial: "Professional, punctual, and creatively brilliant. Highly recommended for any interior project.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-boards-mdf-material_23-2149418572.jpg?_wi=1", imageAlt: "elegant interior decoration showroom"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/working-from-home-ergonomic-workstation_23-2149204643.jpg?_wi=2"
|
||||
imageAlt="A-S Decoration Showcase"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/fluffy-cotton-plant-vase-used-interior-decor_23-2151104686.jpg",
|
||||
alt: "Fluffy cotton plant in vase used in interior decor",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/home-plant-vase-decoration-assortment_23-2149090603.jpg",
|
||||
alt: "Home plant in vase decoration assortment",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-minimalist-fireplace-sofa_23-2148238607.jpg",
|
||||
alt: "Close-up minimalist fireplace and sofa",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/sexy-blond-female-black-costume-sits-round-black-chair-empty-room_613910-8174.jpg",
|
||||
alt: "Sexy blond female in a black costume sits on a round black chair in empty room.",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/working-from-home-ergonomic-workstation_23-2149204643.jpg",
|
||||
alt: "elegant interior decoration showroom",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<InlineImageSplitTextAbout
|
||||
<MediaAbout
|
||||
title="Our Mission & Story"
|
||||
description="Born from a passion for timeless design, A-S Decoration started with a simple vision: to make high-end sophisticated styling accessible. We believe your space should be a story told through art, color, and functionality."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/content-african-american-designer-explaining-project-client-showing-draft_74855-9753.jpg"
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "Elevating Every Detail with Purpose",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/content-african-american-designer-explaining-project-client-showing-draft_74855-9753.jpg",
|
||||
alt: "Design process",
|
||||
},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Our Philosophy",
|
||||
href: "#",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -160,49 +83,25 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Home Styling",
|
||||
description: "Curating spaces that balance beauty with daily comfort.",
|
||||
icon: Sparkles,
|
||||
title: "Home Styling", description: "Curating spaces that balance beauty with daily comfort.", icon: Sparkles,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-boards-mdf-material_23-2149418572.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/interior-design-dining-room-comtemporary-style-concept_53876-31643.jpg",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/working-from-home-ergonomic-workstation_23-2149204643.jpg?_wi=3",
|
||||
imageAlt: "home styling consultation modern",
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/top-view-boards-mdf-material_23-2149418572.jpg?_wi=2" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/interior-design-dining-room-comtemporary-style-concept_53876-31643.jpg" },
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Art Curation",
|
||||
description: "Sourcing unique pieces that reflect your soul.",
|
||||
icon: Palette,
|
||||
title: "Art Curation", description: "Sourcing unique pieces that reflect your soul.", icon: Palette,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-interior-designer-tools-arrangement_23-2150346493.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-doing-daily-activities-minimal-decorated-room_23-2150407600.jpg",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/content-african-american-designer-explaining-project-client-showing-draft_74855-9753.jpg?_wi=2",
|
||||
imageAlt: "home styling consultation modern",
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/top-view-interior-designer-tools-arrangement_23-2150346493.jpg?_wi=2" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/woman-doing-daily-activities-minimal-decorated-room_23-2150407600.jpg" },
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Spatial Planning",
|
||||
description: "Optimizing floor plans for seamless living.",
|
||||
icon: Maximize,
|
||||
title: "Spatial Planning", description: "Optimizing floor plans for seamless living.", icon: Maximize,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/crop-hands-holding-tablet-with-scheme_23-2147831921.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-divider-ruler-math-blocks-blueprint-wooden-desk_23-2147863924.jpg",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cozy-living-room-interior-design_23-2150306973.jpg?_wi=1",
|
||||
imageAlt: "home styling consultation modern",
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/crop-hands-holding-tablet-with-scheme_23-2147831921.jpg?_wi=2" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/close-up-divider-ruler-math-blocks-blueprint-wooden-desk_23-2147863924.jpg" },
|
||||
]
|
||||
},
|
||||
]}
|
||||
title="Our Expert Services"
|
||||
@@ -216,51 +115,13 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Glass Coffee Table",
|
||||
price: "$1,200",
|
||||
variant: "Minimalist",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cozy-living-room-interior-design_23-2150306973.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Sculptural Lamp",
|
||||
price: "$850",
|
||||
variant: "Brass",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dark-style-lamp-design_23-2151105955.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Artisan Blanket",
|
||||
price: "$450",
|
||||
variant: "Silk",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/contemporary-decorations-placed-as-inspiration-creativity-new-artwork_482257-112079.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Wall Art Set",
|
||||
price: "$1,500",
|
||||
variant: "Abstract",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=z6kk2k",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Ceramic Sculpture",
|
||||
price: "$600",
|
||||
variant: "Handmade",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-vases-with-plant-assortment_23-2149835469.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Lounge Armchair",
|
||||
price: "$2,100",
|
||||
variant: "Velvet",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/empty-modern-room-with-furniture_23-2149178357.jpg",
|
||||
},
|
||||
{ id: "p1", name: "Glass Coffee Table", price: "$1,200", variant: "Minimalist", imageSrc: "http://img.b2bpic.net/free-photo/cozy-living-room-interior-design_23-2150306973.jpg?_wi=2" },
|
||||
{ id: "p2", name: "Sculptural Lamp", price: "$850", variant: "Brass", imageSrc: "http://img.b2bpic.net/free-photo/dark-style-lamp-design_23-2151105955.jpg" },
|
||||
{ id: "p3", name: "Artisan Blanket", price: "$450", variant: "Silk", imageSrc: "http://img.b2bpic.net/free-photo/contemporary-decorations-placed-as-inspiration-creativity-new-artwork_482257-112079.jpg" },
|
||||
]}
|
||||
title="Curated Decor Collection"
|
||||
description="Exquisite pieces sourced from master artisans globally."
|
||||
animationType="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -270,24 +131,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
icon: Award,
|
||||
title: "Projects Completed",
|
||||
value: "150+",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
icon: Star,
|
||||
title: "Satisfied Clients",
|
||||
value: "120+",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
icon: Globe,
|
||||
title: "Global Partners",
|
||||
value: "45+",
|
||||
},
|
||||
{ id: "m1", icon: Award, title: "Projects Completed", value: "150+" },
|
||||
{ id: "m2", icon: Star, title: "Satisfied Clients", value: "120+" },
|
||||
{ id: "m3", icon: Globe, title: "Global Partners", value: "45+" },
|
||||
]}
|
||||
title="Proven Excellence"
|
||||
description="Our commitment to quality, verified by our successful project history."
|
||||
@@ -298,42 +144,10 @@ export default function LandingPage() {
|
||||
<TestimonialCardTwo
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
animationType="slide-up"
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah J.",
|
||||
role: "Owner",
|
||||
testimonial: "Truly unmatched design vision.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/brown-haired-woman-expressing-positive-emotions-while-posing-couch-light-room_197531-6634.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Michael D.",
|
||||
role: "Architect",
|
||||
testimonial: "Absolute professionals from start to finish.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/real-estate-concept-excited-man-holding-paper-house-model-celebrating-standing-happy-yellow_1258-154398.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Rachel K.",
|
||||
role: "Client",
|
||||
testimonial: "Changed how I feel about my home.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-young-colleagues-write-something_171337-874.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Alex B.",
|
||||
role: "Designer",
|
||||
testimonial: "Simply the best in the market.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-girl-dealing-with-derealization-dissociation-from-reality_482257-124837.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Chloe M.",
|
||||
role: "Homeowner",
|
||||
testimonial: "Efficient, elegant, and incredible.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/making-restoring-your-own-wooden-furniture-home_52683-109787.jpg",
|
||||
},
|
||||
{ id: "1", name: "Sarah J.", role: "Owner", testimonial: "Truly unmatched design vision.", imageSrc: "http://img.b2bpic.net/free-photo/brown-haired-woman-expressing-positive-emotions-while-posing-couch-light-room_197531-6634.jpg" },
|
||||
{ id: "2", name: "Michael D.", role: "Architect", testimonial: "Absolute professionals from start to finish.", imageSrc: "http://img.b2bpic.net/free-photo/real-estate-concept-excited-man-holding-paper-house-model-celebrating-standing-happy-yellow_1258-154398.jpg" },
|
||||
]}
|
||||
title="Client Voices"
|
||||
description="Experiences from those who trusted us with their spaces."
|
||||
@@ -345,21 +159,8 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "How do I start a project?",
|
||||
content: "Simply reach out via our contact form to schedule an initial consultation.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Do you work globally?",
|
||||
content: "Yes, we handle residential projects worldwide.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "What is the timeline?",
|
||||
content: "Project timelines vary based on scope; typically 3-6 months for full renovations.",
|
||||
},
|
||||
{ id: "q1", title: "How do I start a project?", content: "Simply reach out via our contact form to schedule an initial consultation." },
|
||||
{ id: "q2", title: "Do you work globally?", content: "Yes, we handle residential projects worldwide." },
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Answers to common queries regarding our decoration services."
|
||||
@@ -368,70 +169,28 @@ export default function LandingPage() {
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
tag="Get in touch"
|
||||
title="Ready to Transform Your Space?"
|
||||
description="Let's create something extraordinary together. Contact our design experts today."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/woman-working-while-pregnant_23-2149248038.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
<ContactSplitForm
|
||||
title="Transform Your Space Today"
|
||||
description="Ready to breathe new life into your home? Reach out and our design team will guide you through the process."
|
||||
inputs={[
|
||||
{ name: "name", type: "text", placeholder: "Full Name", required: true },
|
||||
{ name: "email", type: "email", placeholder: "Your Email", required: true },
|
||||
{ name: "subject", type: "text", placeholder: "Project Scope" }
|
||||
]}
|
||||
textarea={{ name: "message", placeholder: "Tell us about your project", rows: 4, required: true }}
|
||||
buttonText="Submit Inquiry"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
<FooterCard
|
||||
logoText="A-S Decoration"
|
||||
columns={[
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
{
|
||||
label: "Consultation",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Design",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Styling",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "About",
|
||||
items: [
|
||||
{
|
||||
label: "Team",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "History",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Partners",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
copyrightText="© 2025 | A-S Decoration. All rights reserved."
|
||||
socialLinks={[
|
||||
{ icon: Instagram, href: "#", ariaLabel: "Instagram" },
|
||||
{ icon: Facebook, href: "#", ariaLabel: "Facebook" },
|
||||
{ icon: Twitter, href: "#", ariaLabel: "Twitter" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user