Merge version_1 into main #2
261
src/app/page.tsx
261
src/app/page.tsx
@@ -33,41 +33,25 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "#hero",
|
||||
},
|
||||
name: "Home", id: "#hero"},
|
||||
{
|
||||
name: "Collection",
|
||||
id: "#products",
|
||||
},
|
||||
name: "Collection", id: "#products"},
|
||||
{
|
||||
name: "Features",
|
||||
id: "#features",
|
||||
},
|
||||
name: "Features", id: "#features"},
|
||||
{
|
||||
name: "About Us",
|
||||
id: "#about",
|
||||
},
|
||||
name: "About Us", id: "#about"},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "#testimonials",
|
||||
},
|
||||
name: "Testimonials", id: "#testimonials"},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "#faq",
|
||||
},
|
||||
name: "FAQ", id: "#faq"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
name: "Contact", id: "#contact"},
|
||||
]}
|
||||
logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EWSeWxD2fgTVMzBuZryDcuLyvR/uploaded-1780293253052-6y0artzi.png"
|
||||
logoAlt="Redline Frames Logo"
|
||||
brandName="REDLINE FRAMES"
|
||||
button={{
|
||||
text: "Shop Now",
|
||||
href: "#products",
|
||||
}}
|
||||
text: "Shop Now", href: "#products"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -77,39 +61,23 @@ export default function LandingPage() {
|
||||
description="Ignite your passion for automobiles. Exquisite 3D car art frames that transform any space."
|
||||
buttons={[
|
||||
{
|
||||
text: "Explore Collection",
|
||||
href: "#products",
|
||||
},
|
||||
text: "Explore Collection", href: "#products"},
|
||||
{
|
||||
text: "Custom Order",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Custom Order", href: "#contact"},
|
||||
]}
|
||||
slides={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-3d-car-model_23-2151138942.jpg?_wi=1",
|
||||
imageAlt: "Luxury 3D car art of a white sports car",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-3d-car-model_23-2151138942.jpg", imageAlt: "Luxury 3D car art of a white sports car"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/superhero-car-vintage-style_23-2151636220.jpg",
|
||||
imageAlt: "Realistic 3D car art render in a studio",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/superhero-car-vintage-style_23-2151636220.jpg", imageAlt: "Realistic 3D car art render in a studio"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/black-background-with-light-effect_331749-1284.jpg",
|
||||
imageAlt: "Detailed 3D supercar art frame",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/black-background-with-light-effect_331749-1284.jpg", imageAlt: "Detailed 3D supercar art frame"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/watercolor-car-painting-illustration_23-2151706335.jpg",
|
||||
imageAlt: "Futuristic car art with glowing effects",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/watercolor-car-painting-illustration_23-2151706335.jpg", imageAlt: "Futuristic car art with glowing effects"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/drive-vintage-vehicle-bumper-car_1203-6151.jpg",
|
||||
imageAlt: "Classic sports car 3D art piece",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/drive-vintage-vehicle-bumper-car_1203-6151.jpg", imageAlt: "Classic sports car 3D art piece"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/car-tire-repair_23-2151947879.jpg",
|
||||
imageAlt: "Cutting-edge electric car 3D art",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/car-tire-repair_23-2151947879.jpg", imageAlt: "Cutting-edge electric car 3D art"},
|
||||
]}
|
||||
showDimOverlay={true}
|
||||
/>
|
||||
@@ -122,28 +90,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Precision Engineering",
|
||||
description: "Crafted with meticulous attention to detail, ensuring every curve and line is flawlessly replicated.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Cog,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-3d-car-with-sketch-effect_23-2150998519.jpg",
|
||||
imageAlt: "View of 3d car with sketch effect",
|
||||
title: "Precision Engineering", description: "Crafted with meticulous attention to detail, ensuring every curve and line is flawlessly replicated.", bentoComponent: "reveal-icon", icon: Cog
|
||||
},
|
||||
{
|
||||
title: "Dynamic 3D Detail",
|
||||
description: "Our unique multi-layered approach brings cars to life, creating a stunning visual depth that captivates from every angle.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Layers,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EWSeWxD2fgTVMzBuZryDcuLyvR/uploaded-1780293253052-6y0artzi.png",
|
||||
imageAlt: "View of 3d car with sketch effect",
|
||||
title: "Dynamic 3D Detail", description: "Our unique multi-layered approach brings cars to life, creating a stunning visual depth that captivates from every angle.", bentoComponent: "reveal-icon", icon: Layers
|
||||
},
|
||||
{
|
||||
title: "Exclusive Designs",
|
||||
description: "Curated collection of iconic and bespoke automotive art, available only at REDLINE FRAMES.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Sparkles,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-3d-car-model_23-2151138942.jpg?_wi=2",
|
||||
imageAlt: "View of 3d car with sketch effect",
|
||||
title: "Exclusive Designs", description: "Curated collection of iconic and bespoke automotive art, available only at REDLINE FRAMES.", bentoComponent: "reveal-icon", icon: Sparkles
|
||||
},
|
||||
]}
|
||||
title="Beyond the Canvas: The REDLINE Experience"
|
||||
@@ -159,47 +112,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Hypercar Echo",
|
||||
price: "$1,200",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/photos-transportation_23-2148436382.jpg",
|
||||
imageAlt: "White luxury 3D car art",
|
||||
},
|
||||
id: "p1", name: "Hypercar Echo", price: "$1,200", imageSrc: "http://img.b2bpic.net/free-photo/photos-transportation_23-2148436382.jpg", imageAlt: "White luxury 3D car art"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Crimson Speedster",
|
||||
price: "$1,150",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/watercolor-car-painting-illustration_23-2151706281.jpg",
|
||||
imageAlt: "Red luxury 3D car art",
|
||||
},
|
||||
id: "p2", name: "Crimson Speedster", price: "$1,150", imageSrc: "http://img.b2bpic.net/free-photo/watercolor-car-painting-illustration_23-2151706281.jpg", imageAlt: "Red luxury 3D car art"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Vintage Grandeur",
|
||||
price: "$980",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/transportation-antique-retro-transport-vintage_1203-3834.jpg",
|
||||
imageAlt: "Blue classic car 3D art",
|
||||
},
|
||||
id: "p3", name: "Vintage Grandeur", price: "$980", imageSrc: "http://img.b2bpic.net/free-photo/transportation-antique-retro-transport-vintage_1203-3834.jpg", imageAlt: "Blue classic car 3D art"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Muscle Legacy",
|
||||
price: "$1,050",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/watercolor-car-painting-illustration_23-2151706324.jpg",
|
||||
imageAlt: "Green muscle car 3D art",
|
||||
},
|
||||
id: "p4", name: "Muscle Legacy", price: "$1,050", imageSrc: "http://img.b2bpic.net/free-photo/watercolor-car-painting-illustration_23-2151706324.jpg", imageAlt: "Green muscle car 3D art"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Electric Future",
|
||||
price: "$1,300",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/watercolor-car-painting-illustration_23-2151706285.jpg",
|
||||
imageAlt: "Yellow modern electric car 3D art",
|
||||
},
|
||||
id: "p5", name: "Electric Future", price: "$1,300", imageSrc: "http://img.b2bpic.net/free-photo/watercolor-car-painting-illustration_23-2151706285.jpg", imageAlt: "Yellow modern electric car 3D art"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Executive Ride",
|
||||
price: "$950",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/modern-black-background-with-arrow-golden-strip-glitter_587448-280.jpg",
|
||||
imageAlt: "Black luxury sedan 3D art",
|
||||
},
|
||||
id: "p6", name: "Executive Ride", price: "$950", imageSrc: "http://img.b2bpic.net/free-vector/modern-black-background-with-arrow-golden-strip-glitter_587448-280.jpg", imageAlt: "Black luxury sedan 3D art"},
|
||||
]}
|
||||
title="The Collection: Automotive Masterpieces"
|
||||
description="Hand-crafted 3D car frames, designed to ignite passion and elevate your interior. Discover a masterpiece for every passion."
|
||||
@@ -213,19 +136,13 @@ export default function LandingPage() {
|
||||
metrics={[
|
||||
{
|
||||
icon: Award,
|
||||
label: "Years of Legacy",
|
||||
value: "10+",
|
||||
},
|
||||
label: "Years of Legacy", value: "10+"},
|
||||
{
|
||||
icon: Smile,
|
||||
label: "Happy Collectors",
|
||||
value: "500+",
|
||||
},
|
||||
label: "Happy Collectors", value: "500+"},
|
||||
{
|
||||
icon: Sparkles,
|
||||
label: "Exclusive Designs",
|
||||
value: "50+",
|
||||
},
|
||||
label: "Exclusive Designs", value: "50+"},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -237,50 +154,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
title: "Absolutely Stunning!",
|
||||
quote: "The 'Hypercar Echo' frame exceeded all my expectations. The 3D detail is incredible, and it truly brings my passion for cars to life on my wall. A masterpiece!",
|
||||
name: "Mark D.",
|
||||
role: "Automotive Enthusiast",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-young-business-man-suit-grey-background_613910-2479.jpg",
|
||||
imageAlt: "Mark D.",
|
||||
},
|
||||
id: "t1", title: "Absolutely Stunning!", quote: "The 'Hypercar Echo' frame exceeded all my expectations. The 3D detail is incredible, and it truly brings my passion for cars to life on my wall. A masterpiece!", name: "Mark D.", role: "Automotive Enthusiast", imageSrc: "http://img.b2bpic.net/free-photo/handsome-young-business-man-suit-grey-background_613910-2479.jpg", imageAlt: "Mark D."},
|
||||
{
|
||||
id: "t2",
|
||||
title: "Unmatched Quality",
|
||||
quote: "I've purchased several pieces of art over the years, but REDLINE FRAMES stands out. The craftsmanship is flawless, and the 'Crimson Speedster' is now the centerpiece of my collection.",
|
||||
name: "Sarah P.",
|
||||
role: "Art Collector",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-s-portrait-about-ideal-skin-straight-healthy-shiny-hair_633478-1302.jpg",
|
||||
imageAlt: "Sarah P.",
|
||||
},
|
||||
id: "t2", title: "Unmatched Quality", quote: "I've purchased several pieces of art over the years, but REDLINE FRAMES stands out. The craftsmanship is flawless, and the 'Crimson Speedster' is now the centerpiece of my collection.", name: "Sarah P.", role: "Art Collector", imageSrc: "http://img.b2bpic.net/free-photo/woman-s-portrait-about-ideal-skin-straight-healthy-shiny-hair_633478-1302.jpg", imageAlt: "Sarah P."},
|
||||
{
|
||||
id: "t3",
|
||||
title: "Perfect Gift Idea",
|
||||
quote: "I got the 'Vintage Grandeur' for my husband, and he was absolutely thrilled! The quality is superb, and it arrived perfectly packaged. Highly recommend for any car lover.",
|
||||
name: "Emily R.",
|
||||
role: "Happy Customer",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-man-pours-gasoline-into-tank-car_1157-27205.jpg",
|
||||
imageAlt: "Emily R.",
|
||||
},
|
||||
id: "t3", title: "Perfect Gift Idea", quote: "I got the 'Vintage Grandeur' for my husband, and he was absolutely thrilled! The quality is superb, and it arrived perfectly packaged. Highly recommend for any car lover.", name: "Emily R.", role: "Happy Customer", imageSrc: "http://img.b2bpic.net/free-photo/handsome-man-pours-gasoline-into-tank-car_1157-27205.jpg", imageAlt: "Emily R."},
|
||||
{
|
||||
id: "t4",
|
||||
title: "Transforms Any Space",
|
||||
quote: "My office feels so much more dynamic with the 'Muscle Legacy' frame. It's a true conversation starter and reflects my love for classic cars beautifully. Thank you, REDLINE FRAMES!",
|
||||
name: "David K.",
|
||||
role: "CEO & Enthusiast",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-going-art-gallery_23-2149709096.jpg",
|
||||
imageAlt: "David K.",
|
||||
},
|
||||
id: "t4", title: "Transforms Any Space", quote: "My office feels so much more dynamic with the 'Muscle Legacy' frame. It's a true conversation starter and reflects my love for classic cars beautifully. Thank you, REDLINE FRAMES!", name: "David K.", role: "CEO & Enthusiast", imageSrc: "http://img.b2bpic.net/free-photo/young-man-going-art-gallery_23-2149709096.jpg", imageAlt: "David K."},
|
||||
{
|
||||
id: "t5",
|
||||
title: "A Touch of Luxury",
|
||||
quote: "The 'Executive Ride' frame added the perfect touch of luxury to my living room. The subtle details and premium finish are evident. Truly a high-quality product.",
|
||||
name: "Jessica L.",
|
||||
role: "Interior Designer",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-handsome-bridegroom-with-beard-wearing-trendy-suit-sitting-leather-sofa-luxury-apartment-holding-glass-filled-with-beverage-looking-camera_8353-12217.jpg",
|
||||
imageAlt: "Jessica L.",
|
||||
},
|
||||
id: "t5", title: "A Touch of Luxury", quote: "The 'Executive Ride' frame added the perfect touch of luxury to my living room. The subtle details and premium finish are evident. Truly a high-quality product.", name: "Jessica L.", role: "Interior Designer", imageSrc: "http://img.b2bpic.net/free-photo/front-view-handsome-bridegroom-with-beard-wearing-trendy-suit-sitting-leather-sofa-luxury-apartment-holding-glass-filled-with-beverage-looking-camera_8353-12217.jpg", imageAlt: "Jessica L."},
|
||||
]}
|
||||
title="Voices of Our Valued Collectors"
|
||||
description="Discover why enthusiasts worldwide choose REDLINE FRAMES for their prized automotive art."
|
||||
@@ -292,14 +174,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"AutoWorld Magazine",
|
||||
"Luxury Living Today",
|
||||
"Velocity Hub",
|
||||
"Elite Motors Weekly",
|
||||
"Design & Drive",
|
||||
"Collector's Garage",
|
||||
"Speed Artistry Forum",
|
||||
]}
|
||||
"AutoWorld Magazine", "Luxury Living Today", "Velocity Hub", "Elite Motors Weekly", "Design & Drive", "Collector's Garage", "Speed Artistry Forum"]}
|
||||
title="REDLINE FRAMES: Celebrated by Enthusiasts"
|
||||
description="Join a growing community of automotive connoisseurs who demand the best in luxury car art. Our commitment to excellence resonates with discerning tastes worldwide."
|
||||
/>
|
||||
@@ -311,30 +186,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "What materials are used for the frames?",
|
||||
content: "Our luxury 3D car art frames are crafted using premium-grade acrylic for the 3D elements, mounted on high-quality, durable backing, and enclosed in sleek, minimalist frames designed to complement any interior.",
|
||||
},
|
||||
id: "q1", title: "What materials are used for the frames?", content: "Our luxury 3D car art frames are crafted using premium-grade acrylic for the 3D elements, mounted on high-quality, durable backing, and enclosed in sleek, minimalist frames designed to complement any interior."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "How is the 3D effect achieved?",
|
||||
content: "The stunning 3D effect is created through a meticulous multi-layering technique. Each component of the car is precisely cut and elevated to create a dynamic sense of depth and realism, making the artwork pop off the wall.",
|
||||
},
|
||||
id: "q2", title: "How is the 3D effect achieved?", content: "The stunning 3D effect is created through a meticulous multi-layering technique. Each component of the car is precisely cut and elevated to create a dynamic sense of depth and realism, making the artwork pop off the wall."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Do you offer custom car models?",
|
||||
content: "Yes, we offer custom order services! If you have a specific car model or a unique vision in mind that isn't in our current collection, please contact us. Our designers will work with you to bring your dream car art to life.",
|
||||
},
|
||||
id: "q3", title: "Do you offer custom car models?", content: "Yes, we offer custom order services! If you have a specific car model or a unique vision in mind that isn't in our current collection, please contact us. Our designers will work with you to bring your dream car art to life."},
|
||||
{
|
||||
id: "q4",
|
||||
title: "What is your shipping policy?",
|
||||
content: "We offer insured worldwide shipping. Each frame is carefully packaged to ensure it arrives in pristine condition. Shipping times vary based on location, typically 7-14 business days for standard orders. Expedited options are available.",
|
||||
},
|
||||
id: "q4", title: "What is your shipping policy?", content: "We offer insured worldwide shipping. Each frame is carefully packaged to ensure it arrives in pristine condition. Shipping times vary based on location, typically 7-14 business days for standard orders. Expedited options are available."},
|
||||
{
|
||||
id: "q5",
|
||||
title: "Can I return a product?",
|
||||
content: "We stand by the quality of our art. If you are not completely satisfied with your purchase, you may return it within 30 days for a full refund or exchange, provided it is in its original condition. Custom orders may have specific return conditions.",
|
||||
},
|
||||
id: "q5", title: "Can I return a product?", content: "We stand by the quality of our art. If you are not completely satisfied with your purchase, you may return it within 30 days for a full refund or exchange, provided it is in its original condition. Custom orders may have specific return conditions."},
|
||||
]}
|
||||
title="Your Questions, Answered"
|
||||
description="Find quick answers to common inquiries about REDLINE FRAMES products, ordering, and care. If you don't find what you're looking for, feel free to contact us directly."
|
||||
@@ -346,8 +206,7 @@ export default function LandingPage() {
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
tag="Connect With Us"
|
||||
title="Bring Your Vision to Life"
|
||||
description="Have a specific request or need assistance? Our team is ready to help you create your ultimate 3D car art piece. From custom orders to shipping inquiries, we're here to assist."
|
||||
@@ -369,53 +228,33 @@ export default function LandingPage() {
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Home",
|
||||
href: "#hero",
|
||||
},
|
||||
label: "Home", href: "#hero"},
|
||||
{
|
||||
label: "Collection",
|
||||
href: "#products",
|
||||
},
|
||||
label: "Collection", href: "#products"},
|
||||
{
|
||||
label: "Custom Orders",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Custom Orders", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About Us", href: "#about"},
|
||||
{
|
||||
label: "Testimonials",
|
||||
href: "#testimonials",
|
||||
},
|
||||
label: "Testimonials", href: "#testimonials"},
|
||||
{
|
||||
label: "Our Process",
|
||||
href: "#features",
|
||||
},
|
||||
label: "Our Process", href: "#features"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
label: "FAQ", href: "#faq"},
|
||||
{
|
||||
label: "Contact Support",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact Support", href: "#contact"},
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms of Service", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user