Compare commits
4 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 831e7bbdb1 | |||
| f5212e6af0 | |||
| a22db5af0f | |||
| 713e640a73 |
127
src/app/page.tsx
127
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 (
|
||||
@@ -32,11 +32,16 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Services", id: "features" },
|
||||
{ name: "Showcase", id: "products" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
{
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Services", id: "features"},
|
||||
{
|
||||
name: "Showcase", id: "products"},
|
||||
{
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="A-S Decoration"
|
||||
/>
|
||||
@@ -47,32 +52,27 @@ export default function LandingPage() {
|
||||
title="Crafting Sophisticated Living Spaces"
|
||||
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: "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", 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: "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: "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" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/home-plant-vase-decoration-assortment_23-2149090603.jpg", alt: "Home plant in vase" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/close-up-minimalist-fireplace-sofa_23-2148238607.jpg", alt: "Minimalist fireplace" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/sexy-blond-female-black-costume-sits-round-black-chair-empty-room_613910-8174.jpg", alt: "Modern chair" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/working-from-home-ergonomic-workstation_23-2149204643.jpg", alt: "Showroom interior" }
|
||||
]}
|
||||
/>
|
||||
</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>
|
||||
|
||||
@@ -82,9 +82,27 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{ 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" }] },
|
||||
{ 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" }] },
|
||||
{ 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" }] }
|
||||
{
|
||||
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" },
|
||||
]
|
||||
},
|
||||
{
|
||||
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" },
|
||||
]
|
||||
},
|
||||
{
|
||||
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" },
|
||||
]
|
||||
},
|
||||
]}
|
||||
title="Our Expert Services"
|
||||
description="Comprehensive design solutions tailored to your unique requirements and aesthetic vision."
|
||||
@@ -95,18 +113,15 @@ export default function LandingPage() {
|
||||
<ProductCardFour
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
animationType="slide-up"
|
||||
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" },
|
||||
{ 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" }
|
||||
]}
|
||||
title="Curated Decor Collection"
|
||||
description="Exquisite pieces sourced from master artisans globally."
|
||||
animationType="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -118,7 +133,7 @@ export default function LandingPage() {
|
||||
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: "m3", icon: Globe, title: "Global Partners", value: "45+" },
|
||||
]}
|
||||
title="Proven Excellence"
|
||||
description="Our commitment to quality, verified by our successful project history."
|
||||
@@ -128,14 +143,11 @@ export default function LandingPage() {
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwo
|
||||
textboxLayout="split"
|
||||
animationType="slide-up"
|
||||
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" }
|
||||
]}
|
||||
title="Client Voices"
|
||||
description="Experiences from those who trusted us with their spaces."
|
||||
@@ -149,7 +161,6 @@ export default function LandingPage() {
|
||||
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." }
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Answers to common queries regarding our decoration services."
|
||||
@@ -158,28 +169,32 @@ 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>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user