Update src/app/page.tsx
This commit is contained in:
209
src/app/page.tsx
209
src/app/page.tsx
@@ -9,7 +9,7 @@ import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
|
||||
import HeroSplitDoubleCarousel from '@/components/sections/hero/HeroSplitDoubleCarousel';
|
||||
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
|
||||
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
||||
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
||||
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
||||
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
||||
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
|
||||
|
||||
@@ -31,14 +31,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home", id: "home"},
|
||||
{
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Collection", id: "collection"},
|
||||
{
|
||||
name: "Contact", id: "contact"},
|
||||
{ name: "Home", id: "home" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Collection", id: "collection" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Aura Art"
|
||||
/>
|
||||
@@ -46,67 +42,18 @@ export default function LandingPage() {
|
||||
|
||||
<div id="home" data-section="home">
|
||||
<HeroSplitDoubleCarousel
|
||||
background={{
|
||||
variant: "gradient-bars"}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Timeless Expressions, Curated Elegance"
|
||||
description="Discover a selection of luxury fine art that transforms spaces and inspires the soul. Each piece is hand-picked to define modern sophistication."
|
||||
leftCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-woman-looking-out-window_23-2149622867.jpg", imageAlt: "Abstract luxury painting"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-doing-daily-activities-minimal-decorated-room_23-2150407583.jpg", imageAlt: "Minimalist gallery canvas"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/messy-painted-wooden-textured-background_23-2148117947.jpg", imageAlt: "Textured oil painting"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/empty-frames-gallery_53876-31361.jpg", imageAlt: "Contemporary fine art"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/brunette-girl-wearing-blue-dress-high-heels-sitting-fireplace_132075-12009.jpg", imageAlt: "Artistic interior composition"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/decorations-used-painting-inspiration-creativity-placed-art-gallery_482257-127281.jpg", imageAlt: "Hand-painted gallery masterpiece"},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/full-shot-woman-looking-out-window_23-2149622867.jpg", imageAlt: "Abstract luxury painting" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/woman-doing-daily-activities-minimal-decorated-room_23-2150407583.jpg", imageAlt: "Minimalist gallery canvas" },
|
||||
]}
|
||||
rightCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-contemporary-empty-room-picture-frame_1048-10256.jpg", imageAlt: "Modern interior canvas"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-render-blank-picture-frame-wooden-room_1048-6531.jpg", imageAlt: "Expressive abstract wall art"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/art-gallery-view_23-2151945681.jpg", imageAlt: "Luxury decor oil painting"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blank-frame-white-wall-background_74190-385.jpg", imageAlt: "Elegant artistic home piece"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/women-s-day-still-life-with-makeup-jewelry_23-2149263172.jpg", imageAlt: "Curated museum style painting"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/background-with-silver-frame_1048-3498.jpg", imageAlt: "Minimalist oil artwork"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Browse Collection", href: "#collection"},
|
||||
]}
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/colorful-textured-background-wallpaper-abstract-acrylic-painting_53876-134368.jpg", alt: "Collector A"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/paint-background-wallpaper-abstract-textured-art_53876-142834.jpg", alt: "Collector B"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/abstract-background-wallpaper-textured-acrylic-paint-with-mixed-colors_53876-134379.jpg", alt: "Collector C"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/full-shot-young-man-wearing-white-hoodie_23-2149359844.jpg", alt: "Collector D"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/art-gallery-exhibition-paintings_23-2151984828.jpg", alt: "Collector E"},
|
||||
]}
|
||||
avatarText="Join 2,500+ global art collectors"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "image", src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=t6sbgj", alt: "Logo 1"},
|
||||
{
|
||||
type: "image", src: "http://img.b2bpic.net/free-photo/flat-lay-school-supplies-education-day_23-2149241001.jpg", alt: "Logo 2"},
|
||||
{
|
||||
type: "image", src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=1odtsx", alt: "Logo 3"},
|
||||
{
|
||||
type: "image", src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=im59ai", alt: "Logo 4"},
|
||||
{
|
||||
type: "image", src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=50xqs4", alt: "Logo 5"},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/3d-contemporary-empty-room-picture-frame_1048-10256.jpg", imageAlt: "Modern interior canvas" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/3d-render-blank-picture-frame-wooden-room_1048-6531.jpg", imageAlt: "Expressive abstract wall art" },
|
||||
]}
|
||||
buttons={[{ text: "Browse Collection", href: "#collection" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -114,155 +61,69 @@ export default function LandingPage() {
|
||||
<MetricSplitMediaAbout
|
||||
useInvertedBackground={false}
|
||||
title="A Legacy of Artistic Excellence"
|
||||
description="At Aura Art, we believe every brushstroke tells a story. Our gallery bridge the gap between world-class artists and refined collectors worldwide."
|
||||
description="At Aura Art, we believe every brushstroke tells a story. Our gallery bridges the gap between world-class artists and refined collectors worldwide."
|
||||
metrics={[
|
||||
{
|
||||
value: "15+", title: "Years Curating"},
|
||||
{
|
||||
value: "500+", title: "Artworks Sold"},
|
||||
{
|
||||
value: "120+", title: "Exhibited Artists"},
|
||||
{ value: "15+", title: "Years Curating" },
|
||||
{ value: "500+", title: "Artworks Sold" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/pretty-smiling-girl-white-shirt-striped-t-shirt-dreamily-drawing-easel-with-window-background-home_574295-3788.jpg"
|
||||
imageAlt="Professional studio workspace"
|
||||
mediaAnimation="slide-up"
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="collection" data-section="collection">
|
||||
<ProductCardFour
|
||||
<ProductCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
textboxLayout="split-actions"
|
||||
gridVariant="one-large-left-three-stacked-right"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1", name: "Sunset Serenade", price: "$2,400", variant: "Original", imageSrc: "http://img.b2bpic.net/free-photo/yellow-painted-surface-background_23-2147964049.jpg"},
|
||||
{
|
||||
id: "p2", name: "Midnight Echo", price: "$1,850", variant: "Original", imageSrc: "http://img.b2bpic.net/free-photo/textured-background-wallpaper-black-paint-abstract-art_53876-145195.jpg"},
|
||||
{
|
||||
id: "p3", name: "Azure Horizon", price: "$3,200", variant: "Original", imageSrc: "http://img.b2bpic.net/free-photo/female-hand-touching-picture-frame-marble_114579-38461.jpg"},
|
||||
{
|
||||
id: "p4", name: "Golden Bloom", price: "$2,100", variant: "Original", imageSrc: "http://img.b2bpic.net/free-photo/vase-model-standing-table-empty-creative-school-studio-class-inspiration-contemporary-class-with-nobody-it-ready-drawing-lesson-equipped-with-professional-sketching-tools_482257-38987.jpg"},
|
||||
{
|
||||
id: "p5", name: "Abstract Rhythm", price: "$4,500", variant: "Original", imageSrc: "http://img.b2bpic.net/free-photo/modern-artist-concept-with-top-view-desk_23-2148002128.jpg"},
|
||||
{
|
||||
id: "p6", name: "Velvet Silence", price: "$2,950", variant: "Original", imageSrc: "http://img.b2bpic.net/free-photo/gold-marble-art-background-diy-luxury-flowing-texture_53876-103613.jpg"},
|
||||
]}
|
||||
buttons={[
|
||||
{ text: "Inquire Now", href: "#contact" }
|
||||
]}
|
||||
title="The Exclusive Catalog"
|
||||
description="Explore our limited edition paintings and original fine art selections."
|
||||
products={[
|
||||
{ id: "p1", name: "Sunset Serenade", price: "$2,400", imageSrc: "http://img.b2bpic.net/free-photo/yellow-painted-surface-background_23-2147964049.jpg", priceButtonProps: { text: "Inquire Now" } },
|
||||
{ id: "p2", name: "Midnight Echo", price: "$1,850", imageSrc: "http://img.b2bpic.net/free-photo/textured-background-wallpaper-black-paint-abstract-art_53876-145195.jpg", priceButtonProps: { text: "Inquire Now" } },
|
||||
{ id: "p3", name: "Azure Horizon", price: "$3,200", imageSrc: "http://img.b2bpic.net/free-photo/female-hand-touching-picture-frame-marble_114579-38461.jpg", priceButtonProps: { text: "Inquire Now" } },
|
||||
{ id: "p4", name: "Golden Bloom", price: "$2,100", imageSrc: "http://img.b2bpic.net/free-photo/vase-model-standing-table-empty-creative-school-studio-class-inspiration-contemporary-class-with-nobody-it-ready-drawing-lesson-equipped-with-professional-sketching-tools_482257-38987.jpg", priceButtonProps: { text: "Inquire Now" } },
|
||||
]}
|
||||
buttons={[{ text: "View Full Gallery", href: "#contact" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Secure Shipping", description: "Global white-glove delivery for every piece.", imageSrc: "http://img.b2bpic.net/free-photo/vintage-shiny-frames-wall_23-2149524031.jpg", imageAlt: "Shipping icon"},
|
||||
{
|
||||
title: "Certificates Included", description: "Verified authenticity with every purchase.", imageSrc: "http://img.b2bpic.net/free-photo/decorative-arrangement-with-dried-fruits-flowers_23-2151367157.jpg", imageAlt: "Certificate icon"},
|
||||
{
|
||||
title: "Art Consultation", description: "Personalized advice from our curators.", imageSrc: "http://img.b2bpic.net/free-photo/paint-texture-background-wallpaper-black-abstract-art-acrylic-paint_53876-133246.jpg", imageAlt: "Consultant icon"},
|
||||
]}
|
||||
title="Unmatched Quality Assurance"
|
||||
description="We ensure every artwork arriving at your door is treated with the highest level of care and provenance verification."
|
||||
description="We ensure every artwork arriving at your door is treated with the highest level of care."
|
||||
features={[
|
||||
{ title: "Secure Shipping", description: "Global delivery.", imageSrc: "http://img.b2bpic.net/free-photo/vintage-shiny-frames-wall_23-2149524031.jpg" },
|
||||
{ title: "Certified", description: "Verified authenticity.", imageSrc: "http://img.b2bpic.net/free-photo/decorative-arrangement-with-dried-fruits-flowers_23-2151367157.jpg" },
|
||||
{ title: "Expert Advice", description: "Professional guidance.", imageSrc: "http://img.b2bpic.net/free-photo/paint-texture-background-wallpaper-black-abstract-art-acrylic-paint_53876-133246.jpg" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSix
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
title="Collector Voices"
|
||||
testimonials={[
|
||||
{
|
||||
id: "1", name: "Elena Vance", handle: "@elena_interiors", testimonial: "The piece I ordered is even more stunning in person than online. Truly exquisite work.", imageSrc: "http://img.b2bpic.net/free-photo/male-artist-showing-his-painting-female-client-interested-buying-some-artwork-from-exihibiton-art-gallery_662251-355.jpg"},
|
||||
{
|
||||
id: "2", name: "Julian Thorne", handle: "@julian_design", testimonial: "Excellent service and prompt delivery. The authentication process was incredibly professional.", imageSrc: "http://img.b2bpic.net/free-photo/interior-designer-with-color-palette-wall-paint_23-2150334455.jpg"},
|
||||
{
|
||||
id: "3", name: "Sarah Miller", handle: "@sarah_art", testimonial: "A wonderful addition to our gallery. The quality of these paintings is unparalleled.", imageSrc: "http://img.b2bpic.net/free-photo/young-man-going-art-gallery_23-2149709103.jpg"},
|
||||
{
|
||||
id: "4", name: "Marcus Reid", handle: "@marcus_reid", testimonial: "I love how each selection feels so unique. Aura Art is my go-to for original fine art.", imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-painting-home_23-2150170527.jpg"},
|
||||
{
|
||||
id: "5", name: "Chloe Dupont", handle: "@chloe_d", testimonial: "Wonderful interaction with the curator who helped me find the perfect canvas.", imageSrc: "http://img.b2bpic.net/free-photo/happy-woman-hanging-pictures_1398-3777.jpg"},
|
||||
{ id: "1", name: "Elena Vance", handle: "@elena", testimonial: "Stunning in person.", imageSrc: "http://img.b2bpic.net/free-photo/male-artist-showing-his-painting-female-client-interested-buying-some-artwork-from-exihibiton-art-gallery_662251-355.jpg" },
|
||||
]}
|
||||
title="Voices of Our Collectors"
|
||||
description="Hear how our pieces have transformed the living spaces and collections of art lovers across the globe."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="social-proof" data-section="social-proof">
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Art Daily", "Modern Interiors", "Fine Art Journal", "Luxury Living", "Design Weekly", "Museum Digest", "Creative House"]}
|
||||
title="Proudly Featured In"
|
||||
description="Our work and artists have been recognized by leading galleries and architectural publications worldwide."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqBase
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1", title: "How do you ensure authenticity?", content: "Every artwork is accompanied by a signed Certificate of Authenticity."},
|
||||
{
|
||||
id: "f2", title: "Can I arrange for a personal viewing?", content: "Yes, we facilitate virtual viewings via appointment for serious collectors."},
|
||||
{
|
||||
id: "f3", title: "Do you ship internationally?", content: "Absolutely, we ship globally using specialized art courier services."},
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Find answers to common inquiries about purchasing, shipping, and art maintenance."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "radial-gradient"}}
|
||||
text="Have a specific project in mind? Let's connect."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Our Curators", href: "mailto:curators@aura-art.com"},
|
||||
]}
|
||||
background={{ variant: "radial-gradient" }}
|
||||
text="Connect with our curators today."
|
||||
buttons={[{ text: "Contact Us", href: "mailto:curators@aura-art.com" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseCard
|
||||
logoText="Aura Art"
|
||||
columns={[
|
||||
{
|
||||
title: "Gallery", items: [
|
||||
{
|
||||
label: "About Us", href: "#about"},
|
||||
{
|
||||
label: "Collection", href: "#collection"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support", items: [
|
||||
{
|
||||
label: "Contact", href: "#contact"},
|
||||
{
|
||||
label: "FAQ", href: "#faq"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
copyrightText="© 2025 Aura Art | Premium Fine Art Services"
|
||||
columns={[{ title: "Links", items: [{ label: "Home", href: "#" }] }]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user