Merge version_6 into main #8
309
src/app/page.tsx
309
src/app/page.tsx
@@ -2,9 +2,9 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
||||
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
||||
import FeatureCardTwentyFour from '@/components/sections/feature/FeatureCardTwentyFour';
|
||||
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
|
||||
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
|
||||
import HeroSplitTestimonial from '@/components/sections/hero/HeroSplitTestimonial';
|
||||
import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
|
||||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||||
@@ -32,21 +32,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Products",
|
||||
id: "products",
|
||||
},
|
||||
name: "Products", id: "products"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Zyrova"
|
||||
/>
|
||||
@@ -55,102 +47,59 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitTestimonial
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Elevate Your Lifestyle with Zyrova"
|
||||
description="Discover a curated collection of premium products delivered to your door. Experience modern shopping excellence redefined for your daily needs."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Alex R.",
|
||||
handle: "@alexr",
|
||||
testimonial: "Zyrova completely changed how I shop. The quality is unmatched.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-african-businesswoman-work_329181-20179.jpg",
|
||||
},
|
||||
name: "Alex R.", handle: "@alexr", testimonial: "Zyrova completely changed how I shop. The quality is unmatched.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-african-businesswoman-work_329181-20179.jpg"},
|
||||
{
|
||||
name: "Jamie L.",
|
||||
handle: "@jamiel",
|
||||
testimonial: "Fast shipping and amazing customer support. Truly the best.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-woman-posing_23-2149093342.jpg",
|
||||
},
|
||||
name: "Jamie L.", handle: "@jamiel", testimonial: "Fast shipping and amazing customer support. Truly the best.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-woman-posing_23-2149093342.jpg"},
|
||||
{
|
||||
name: "Sam T.",
|
||||
handle: "@samt",
|
||||
testimonial: "Everything arrived perfectly. Will definitely shop again soon.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-woman-standing-against-wall-holding-shopping-bags_23-2147968474.jpg",
|
||||
},
|
||||
name: "Sam T.", handle: "@samt", testimonial: "Everything arrived perfectly. Will definitely shop again soon.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-woman-standing-against-wall-holding-shopping-bags_23-2147968474.jpg"},
|
||||
{
|
||||
name: "Casey P.",
|
||||
handle: "@caseyp",
|
||||
testimonial: "The attention to detail in their products is simply refreshing.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-lawyer-portrait_23-2151202435.jpg",
|
||||
},
|
||||
name: "Casey P.", handle: "@caseyp", testimonial: "The attention to detail in their products is simply refreshing.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-lawyer-portrait_23-2151202435.jpg"},
|
||||
{
|
||||
name: "Morgan D.",
|
||||
handle: "@morgand",
|
||||
testimonial: "A premium unboxing experience every single time I order.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-confident-saleswoman-working-office-sitting-business-room-reading-writing-down_1258-193622.jpg",
|
||||
},
|
||||
name: "Morgan D.", handle: "@morgand", testimonial: "A premium unboxing experience every single time I order.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-confident-saleswoman-working-office-sitting-business-room-reading-writing-down_1258-193622.jpg"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Shop Now",
|
||||
href: "#products",
|
||||
},
|
||||
text: "Shop Now", href: "#products"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/young-woman-connected-her-smartphone_23-2149233005.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/side-view-hands-holding-smartphone_23-2149708083.jpg",
|
||||
alt: "Side view hands holding smartphone",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/side-view-hands-holding-smartphone_23-2149708083.jpg", alt: "Side view hands holding smartphone"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/concept-location-photo-shoot-photo-studio_185193-164056.jpg",
|
||||
alt: "The concept of the location of the photo shoot in the photo studio",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/concept-location-photo-shoot-photo-studio_185193-164056.jpg", alt: "The concept of the location of the photo shoot in the photo studio"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-woman-lying-blanket-using-smartphone_23-2147911496.jpg",
|
||||
alt: "Young woman lying on blanket and using smartphone",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/young-woman-lying-blanket-using-smartphone_23-2147911496.jpg", alt: "Young woman lying on blanket and using smartphone"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/focused-caucasian-adult-lady-browsing-female-sites-tablet-while-bright-room-online-shopping-concept_197531-31262.jpg",
|
||||
alt: "Focused caucasian adult lady browsing female sites on tablet while in bright room",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/focused-caucasian-adult-lady-browsing-female-sites-tablet-while-bright-room-online-shopping-concept_197531-31262.jpg", alt: "Focused caucasian adult lady browsing female sites on tablet while in bright room"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/blonde-woman-talking-phone_23-2148660693.jpg",
|
||||
alt: "Blonde woman talking on the phone",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/blonde-woman-talking-phone_23-2148660693.jpg", alt: "Blonde woman talking on the phone"},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Premium Quality",
|
||||
icon: ShieldCheck,
|
||||
type: "text-icon", text: "Premium Quality", icon: ShieldCheck,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Global Shipping",
|
||||
icon: Truck,
|
||||
type: "text-icon", text: "Global Shipping", icon: Truck,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "24/7 Support",
|
||||
icon: Headphones,
|
||||
type: "text-icon", text: "24/7 Support", icon: Headphones,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Secure Payments",
|
||||
icon: Lock,
|
||||
type: "text-icon", text: "Secure Payments", icon: Lock,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Curated Selection",
|
||||
icon: Sparkles,
|
||||
type: "text-icon", text: "Curated Selection", icon: Sparkles,
|
||||
},
|
||||
]}
|
||||
/>
|
||||
@@ -176,38 +125,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Secure Shipping",
|
||||
author: "Zyrova Team",
|
||||
description: "Global reach with reliable tracking systems.",
|
||||
tags: [
|
||||
"Reliable",
|
||||
"Tracking",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/white-cylinder-podium-tree-shadow-pedestal-product-display-stand-background-3d-rendering_56104-1381.jpg",
|
||||
},
|
||||
id: "f1", title: "Secure Shipping", author: "Zyrova Team", description: "Global reach with reliable tracking systems.", tags: [
|
||||
"Reliable", "Tracking"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/white-cylinder-podium-tree-shadow-pedestal-product-display-stand-background-3d-rendering_56104-1381.jpg"},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Premium Goods",
|
||||
author: "Zyrova Team",
|
||||
description: "Only the highest quality products selected.",
|
||||
tags: [
|
||||
"Curated",
|
||||
"Quality",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/wine-bottle-mockup-with-confetti_23-2147730224.jpg",
|
||||
},
|
||||
id: "f2", title: "Premium Goods", author: "Zyrova Team", description: "Only the highest quality products selected.", tags: [
|
||||
"Curated", "Quality"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/wine-bottle-mockup-with-confetti_23-2147730224.jpg"},
|
||||
{
|
||||
id: "f3",
|
||||
title: "24/7 Support",
|
||||
author: "Zyrova Team",
|
||||
description: "Always here to help you anytime.",
|
||||
tags: [
|
||||
"Support",
|
||||
"Fast",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-round-wireless-speaker-with-slick-design-floating-concrete-background_23-2150808029.jpg",
|
||||
},
|
||||
id: "f3", title: "24/7 Support", author: "Zyrova Team", description: "Always here to help you anytime.", tags: [
|
||||
"Support", "Fast"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-round-wireless-speaker-with-slick-design-floating-concrete-background_23-2150808029.jpg"},
|
||||
]}
|
||||
title="Core Values"
|
||||
description="We build trust through commitment and quality."
|
||||
@@ -222,41 +150,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Modern Planner",
|
||||
price: "$29",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/everyday-bath-utensils-dark-marble-background_58702-17721.jpg",
|
||||
},
|
||||
id: "p1", name: "Modern Planner", price: "$29", imageSrc: "http://img.b2bpic.net/free-photo/everyday-bath-utensils-dark-marble-background_58702-17721.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Sleek Desk Lamp",
|
||||
price: "$45",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/white-plastic-bottle-white-background_187299-47585.jpg",
|
||||
},
|
||||
id: "p2", name: "Sleek Desk Lamp", price: "$45", imageSrc: "http://img.b2bpic.net/free-photo/white-plastic-bottle-white-background_187299-47585.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Wireless Audio Set",
|
||||
price: "$89",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/everyday-home-utensils-dark-marble-background_58702-17719.jpg",
|
||||
},
|
||||
id: "p3", name: "Wireless Audio Set", price: "$89", imageSrc: "http://img.b2bpic.net/free-photo/everyday-home-utensils-dark-marble-background_58702-17719.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Ergonomic Stand",
|
||||
price: "$55",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/computer-mouse-paper-bag-blue-background-top-view_169016-43225.jpg",
|
||||
},
|
||||
id: "p4", name: "Ergonomic Stand", price: "$55", imageSrc: "http://img.b2bpic.net/free-photo/computer-mouse-paper-bag-blue-background-top-view_169016-43225.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Minimalist Wallet",
|
||||
price: "$39",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-textural-teapot-blurred-background-cozy-home-interior_169016-25447.jpg",
|
||||
},
|
||||
id: "p5", name: "Minimalist Wallet", price: "$39", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-textural-teapot-blurred-background-cozy-home-interior_169016-25447.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Tech Travel Bag",
|
||||
price: "$75",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-delicious-high-protein-vegan-meal_23-2149091343.jpg",
|
||||
},
|
||||
id: "p6", name: "Tech Travel Bag", price: "$75", imageSrc: "http://img.b2bpic.net/free-photo/close-up-delicious-high-protein-vegan-meal_23-2149091343.jpg"},
|
||||
]}
|
||||
title="Featured Collection"
|
||||
description="Trending items selected for you."
|
||||
@@ -270,20 +174,11 @@ export default function LandingPage() {
|
||||
tag="Reliability Metrics"
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "15k+",
|
||||
description: "Happy Customers",
|
||||
},
|
||||
id: "m1", value: "15k+", description: "Happy Customers"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "98%",
|
||||
description: "Satisfaction Rate",
|
||||
},
|
||||
id: "m2", value: "98%", description: "Satisfaction Rate"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "24/7",
|
||||
description: "Support Ready",
|
||||
},
|
||||
id: "m3", value: "24/7", description: "Support Ready"},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -296,59 +191,28 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah J.",
|
||||
role: "Designer",
|
||||
company: "CreativeCo",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/indoor-portrait-cheerful-man-good-mood_273609-12337.jpg",
|
||||
},
|
||||
id: "t1", name: "Sarah J.", role: "Designer", company: "CreativeCo", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/indoor-portrait-cheerful-man-good-mood_273609-12337.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Mark D.",
|
||||
role: "Dev",
|
||||
company: "TechLab",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/girl-newsboy-cap-park_1303-5503.jpg",
|
||||
},
|
||||
id: "t2", name: "Mark D.", role: "Dev", company: "TechLab", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/girl-newsboy-cap-park_1303-5503.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Lisa K.",
|
||||
role: "Manager",
|
||||
company: "GrowthIn",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-cafe_273609-12701.jpg",
|
||||
},
|
||||
id: "t3", name: "Lisa K.", role: "Manager", company: "GrowthIn", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-cafe_273609-12701.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Paul B.",
|
||||
role: "Architect",
|
||||
company: "BuildGroup",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-businessman-smiling-camera_1163-4660.jpg",
|
||||
},
|
||||
id: "t4", name: "Paul B.", role: "Architect", company: "BuildGroup", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-businessman-smiling-camera_1163-4660.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Anna V.",
|
||||
role: "Founder",
|
||||
company: "StartUp",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-african-american-woman-cafe_273609-5055.jpg",
|
||||
},
|
||||
id: "t5", name: "Anna V.", role: "Founder", company: "StartUp", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-african-american-woman-cafe_273609-5055.jpg"},
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "4.9",
|
||||
label: "Avg. Rating",
|
||||
},
|
||||
value: "4.9", label: "Avg. Rating"},
|
||||
{
|
||||
value: "5k",
|
||||
label: "Reviews",
|
||||
},
|
||||
value: "5k", label: "Reviews"},
|
||||
{
|
||||
value: "100%",
|
||||
label: "Trusted",
|
||||
},
|
||||
value: "100%", label: "Trusted"},
|
||||
]}
|
||||
title="Customer Stories"
|
||||
description="See why everyone loves Zyrova."
|
||||
@@ -356,64 +220,51 @@ export default function LandingPage() {
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
tag="Get In Touch"
|
||||
title="Questions for Zyrova?"
|
||||
description="Reach out to our support team and get a response within 24 hours."
|
||||
buttons={[
|
||||
inputs={[
|
||||
{
|
||||
text: "Contact Support",
|
||||
href: "mailto:hello@zyrova.com",
|
||||
name: "name", type: "text", placeholder: "Your Name", required: true
|
||||
},
|
||||
{
|
||||
name: "email", type: "email", placeholder: "Your Email", required: true
|
||||
}
|
||||
]}
|
||||
textarea={{
|
||||
name: "message", placeholder: "How can we help?", rows: 4
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/close-up-smiley-woman-posing_23-2149093342.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
<FooterBaseCard
|
||||
logoText="Zyrova"
|
||||
columns={[
|
||||
{
|
||||
title: "Shop",
|
||||
items: [
|
||||
title: "Shop", items: [
|
||||
{
|
||||
label: "New Arrivals",
|
||||
href: "#",
|
||||
},
|
||||
label: "New Arrivals", href: "#"},
|
||||
{
|
||||
label: "Best Sellers",
|
||||
href: "#",
|
||||
},
|
||||
label: "Best Sellers", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About Us", href: "#about"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms of Service", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -422,4 +273,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user