Merge version_2 into main #2
157
src/app/page.tsx
157
src/app/page.tsx
@@ -3,7 +3,7 @@
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import FaqDouble from '@/components/sections/faq/FaqDouble';
|
||||
import FeatureCardOne from '@/components/sections/feature/FeatureCardOne';
|
||||
import FeatureCardTwentyOne from '@/components/sections/feature/FeatureCardTwentyOne';
|
||||
import FooterCard from '@/components/sections/footer/FooterCard';
|
||||
import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo';
|
||||
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
||||
@@ -29,21 +29,13 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Products",
|
||||
id: "products",
|
||||
},
|
||||
name: "Products", id: "products"},
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
name: "Features", id: "features"},
|
||||
{
|
||||
name: "Support",
|
||||
id: "faq",
|
||||
},
|
||||
name: "Support", id: "faq"},
|
||||
]}
|
||||
brandName="MARVEL ELITE"
|
||||
/>
|
||||
@@ -55,35 +47,21 @@ export default function LandingPage() {
|
||||
description="Own the multiverse. Our high-tech Marvel collectibles are engineered for the future."
|
||||
buttons={[
|
||||
{
|
||||
text: "Browse Collection",
|
||||
href: "#products",
|
||||
},
|
||||
text: "Browse Collection", href: "#products"},
|
||||
]}
|
||||
slides={[
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BhjgD4BmL9H3rZrSU0gTVozi2g/a-futuristic-avengers-logo-rotating-in-d-1774948456016-d0b94319.png",
|
||||
imageAlt: "Avengers Logo Rotating",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BhjgD4BmL9H3rZrSU0gTVozi2g/a-futuristic-avengers-logo-rotating-in-d-1774948456016-d0b94319.png", imageAlt: "Avengers Logo Rotating"},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BhjgD4BmL9H3rZrSU0gTVozi2g/iron-man-mark-85-suit-hovering-in-a-high-1774948454893-c50e9921.png?_wi=1",
|
||||
imageAlt: "Iron Man Armor",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BhjgD4BmL9H3rZrSU0gTVozi2g/iron-man-mark-85-suit-hovering-in-a-high-1774948454893-c50e9921.png?_wi=1", imageAlt: "Iron Man Armor"},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BhjgD4BmL9H3rZrSU0gTVozi2g/spider-man-in-a-high-speed-motion-pose-b-1774948454741-c1a1c79e.png?_wi=1",
|
||||
imageAlt: "Spider-Man Action",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BhjgD4BmL9H3rZrSU0gTVozi2g/spider-man-in-a-high-speed-motion-pose-b-1774948454741-c1a1c79e.png?_wi=1", imageAlt: "Spider-Man Action"},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BhjgD4BmL9H3rZrSU0gTVozi2g/thor-mjolnir-weapon-resting-on-a-celesti-1774948445619-cbda39ca.png",
|
||||
imageAlt: "Thor Hammer",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BhjgD4BmL9H3rZrSU0gTVozi2g/thor-mjolnir-weapon-resting-on-a-celesti-1774948445619-cbda39ca.png", imageAlt: "Thor Hammer"},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BhjgD4BmL9H3rZrSU0gTVozi2g/captain-america-shield-reflecting-a-futu-1774948445839-2f516892.png",
|
||||
imageAlt: "Captain America Shield",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BhjgD4BmL9H3rZrSU0gTVozi2g/captain-america-shield-reflecting-a-futu-1774948445839-2f516892.png", imageAlt: "Captain America Shield"},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BhjgD4BmL9H3rZrSU0gTVozi2g/black-panther-suit-featuring-glowing-pur-1774948458584-0776e75f.jpg?_wi=1",
|
||||
imageAlt: "Black Panther Armor",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BhjgD4BmL9H3rZrSU0gTVozi2g/black-panther-suit-featuring-glowing-pur-1774948458584-0776e75f.jpg?_wi=1", imageAlt: "Black Panther Armor"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -96,23 +74,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Iron Man Mark 85",
|
||||
price: "$129.99",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BhjgD4BmL9H3rZrSU0gTVozi2g/premium-iron-man-collectible-figure-high-1774948453787-7270f9d9.jpg",
|
||||
},
|
||||
id: "p1", name: "Iron Man Mark 85", price: "$129.99", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BhjgD4BmL9H3rZrSU0gTVozi2g/premium-iron-man-collectible-figure-high-1774948453787-7270f9d9.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Thor God of Thunder",
|
||||
price: "$149.99",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BhjgD4BmL9H3rZrSU0gTVozi2g/high-end-thor-collectible-statue-detaile-1774948448985-295f76fe.png",
|
||||
},
|
||||
id: "p2", name: "Thor God of Thunder", price: "$149.99", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BhjgD4BmL9H3rZrSU0gTVozi2g/high-end-thor-collectible-statue-detaile-1774948448985-295f76fe.png"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Advanced Spider-Man",
|
||||
price: "$119.99",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BhjgD4BmL9H3rZrSU0gTVozi2g/advanced-spider-man-collectible-action-f-1774948453746-82913e85.png",
|
||||
},
|
||||
id: "p3", name: "Advanced Spider-Man", price: "$119.99", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BhjgD4BmL9H3rZrSU0gTVozi2g/advanced-spider-man-collectible-action-f-1774948453746-82913e85.png"},
|
||||
]}
|
||||
title="Elite Collectibles"
|
||||
description="State-of-the-art figures for true believers."
|
||||
@@ -120,30 +86,17 @@ export default function LandingPage() {
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardOne
|
||||
animationType="depth-3d"
|
||||
textboxLayout="split"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Nano-Tech Finish",
|
||||
description: "High-fidelity, heat-resistant coatings.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BhjgD4BmL9H3rZrSU0gTVozi2g/iron-man-mark-85-suit-hovering-in-a-high-1774948454893-c50e9921.png?_wi=2",
|
||||
},
|
||||
{
|
||||
title: "Precision Articulation",
|
||||
description: "Dynamic posing with magnetic joints.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BhjgD4BmL9H3rZrSU0gTVozi2g/spider-man-in-a-high-speed-motion-pose-b-1774948454741-c1a1c79e.png?_wi=2",
|
||||
},
|
||||
{
|
||||
title: "LED Luminescence",
|
||||
description: "Custom glowing features built-in.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BhjgD4BmL9H3rZrSU0gTVozi2g/black-panther-suit-featuring-glowing-pur-1774948458584-0776e75f.jpg?_wi=2",
|
||||
},
|
||||
<FeatureCardTwentyOne
|
||||
title="Heroic Specifications"
|
||||
description="Interactive profiles for our elite lineup of collectibles."
|
||||
accordionItems={[
|
||||
{ id: "ironman", title: "Iron Man (Mark 85)", content: "Features: Nano-Tech armor plating, Arc reactor LED lighting, interchangeable repulsor hands, 12 inches tall, high-fidelity polyresin construction." },
|
||||
{ id: "spiderman", title: "Spider-Man (Advanced)", content: "Features: Web-shooters with magnetic effects, acrobatic articulation points, detailed fabric suit texture, 10 inches tall, includes replaceable masked head." },
|
||||
{ id: "thor", title: "Thor (God of Thunder)", content: "Features: Die-cast Mjolnir weapon, real-cloth cape with wire-rimmed edges, lightning effect accessories, 13 inches tall, hand-painted weathered finish." },
|
||||
{ id: "cap", title: "Captain America (First Avenger)", content: "Features: Vibranium-alloy shield with metallic finish, battle-worn suit detailing, multiple points of articulation, 12 inches tall, includes interchangeable helmet." },
|
||||
{ id: "strange", title: "Doctor Strange (Sorcerer Supreme)", content: "Features: Translucent magic spell effects, poseable Cloak of Levitation, detailed Eye of Agamotto necklace, 12 inches tall, high-articulation for casting poses." }
|
||||
]}
|
||||
title="Futuristic Engineering"
|
||||
description="Discover what makes our collectibles superior to the rest."
|
||||
mediaAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -154,45 +107,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Tony S.",
|
||||
handle: "@iron_fan",
|
||||
testimonial: "The detail on the suit is unmatched.",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BhjgD4BmL9H3rZrSU0gTVozi2g/portrait-of-a-happy-marvel-collector-tec-1774948452774-ec8610fc.png?_wi=1",
|
||||
},
|
||||
id: "t1", name: "Tony S.", handle: "@iron_fan", testimonial: "The detail on the suit is unmatched.", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BhjgD4BmL9H3rZrSU0gTVozi2g/portrait-of-a-happy-marvel-collector-tec-1774948452774-ec8610fc.png?_wi=1"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Peter P.",
|
||||
handle: "@friendly_web",
|
||||
testimonial: "Best action figures I own, period.",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BhjgD4BmL9H3rZrSU0gTVozi2g/portrait-of-a-marvel-collector-in-a-mode-1774948446615-05c4493d.png",
|
||||
},
|
||||
id: "t2", name: "Peter P.", handle: "@friendly_web", testimonial: "Best action figures I own, period.", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BhjgD4BmL9H3rZrSU0gTVozi2g/portrait-of-a-marvel-collector-in-a-mode-1774948446615-05c4493d.png"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Bruce B.",
|
||||
handle: "@hulk_smash",
|
||||
testimonial: "Absolutely incredible build quality.",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BhjgD4BmL9H3rZrSU0gTVozi2g/portrait-of-a-young-marvel-fan-excited-f-1774948453887-6cac2265.png",
|
||||
},
|
||||
id: "t3", name: "Bruce B.", handle: "@hulk_smash", testimonial: "Absolutely incredible build quality.", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BhjgD4BmL9H3rZrSU0gTVozi2g/portrait-of-a-young-marvel-fan-excited-f-1774948453887-6cac2265.png"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Natasha R.",
|
||||
handle: "@black_widow",
|
||||
testimonial: "Truly professional grade collectible.",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BhjgD4BmL9H3rZrSU0gTVozi2g/portrait-of-an-elderly-comic-book-collec-1774948445785-ef48d131.png",
|
||||
},
|
||||
id: "t4", name: "Natasha R.", handle: "@black_widow", testimonial: "Truly professional grade collectible.", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BhjgD4BmL9H3rZrSU0gTVozi2g/portrait-of-an-elderly-comic-book-collec-1774948445785-ef48d131.png"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Stephen S.",
|
||||
handle: "@sorcerer_supreme",
|
||||
testimonial: "The craftsmanship is nothing short of magical.",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BhjgD4BmL9H3rZrSU0gTVozi2g/portrait-of-a-happy-marvel-collector-tec-1774948452774-ec8610fc.png?_wi=2",
|
||||
},
|
||||
id: "t5", name: "Stephen S.", handle: "@sorcerer_supreme", testimonial: "The craftsmanship is nothing short of magical.", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BhjgD4BmL9H3rZrSU0gTVozi2g/portrait-of-a-happy-marvel-collector-tec-1774948452774-ec8610fc.png?_wi=2"},
|
||||
]}
|
||||
showRating={true}
|
||||
title="Voices from the Multiverse"
|
||||
@@ -206,20 +134,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Are these official Marvel products?",
|
||||
content: "Yes, all items are officially licensed.",
|
||||
},
|
||||
id: "q1", title: "Are these official Marvel products?", content: "Yes, all items are officially licensed."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Do you offer international shipping?",
|
||||
content: "We ship across the entire multiverse.",
|
||||
},
|
||||
id: "q2", title: "Do you offer international shipping?", content: "We ship across the entire multiverse."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "What is the return policy?",
|
||||
content: "30 days, no questions asked.",
|
||||
},
|
||||
id: "q3", title: "What is the return policy?", content: "30 days, no questions asked."},
|
||||
]}
|
||||
title="Knowledge Base"
|
||||
description="Your queries answered."
|
||||
|
||||
Reference in New Issue
Block a user