Compare commits
18 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 453da6da5e | |||
| 84fd842a63 | |||
| 3c23f21fb7 | |||
| 1af1e73bfd | |||
| 0ff1775409 | |||
| a349f473f6 | |||
| a5d2af7b4d | |||
| 52c2d9ddb9 | |||
| a6ed04f189 | |||
| 147452b79e | |||
| 1ad7afd6d9 | |||
| efe1bf39fb | |||
| 5cdcb7085e | |||
| 71739f6cfa | |||
| 678706cec1 | |||
| fa0de5b0f7 | |||
| ce89e1bd7d | |||
| 5b93f0e3a6 |
@@ -7,6 +7,9 @@ import { ServiceWrapper } from "@/components/ServiceWrapper";
|
|||||||
import Tag from "@/tag/Tag";
|
import Tag from "@/tag/Tag";
|
||||||
import { getVisualEditScript } from "@/utils/visual-edit-script";
|
import { getVisualEditScript } from "@/utils/visual-edit-script";
|
||||||
import { Poppins } from "next/font/google";
|
import { Poppins } from "next/font/google";
|
||||||
|
import { Manrope } from "next/font/google";
|
||||||
|
import { DM_Sans } from "next/font/google";
|
||||||
|
import { Libre_Baskerville } from "next/font/google";
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
@@ -21,10 +24,17 @@ export const metadata: Metadata = {
|
|||||||
},
|
},
|
||||||
};
|
};
|
||||||
|
|
||||||
const poppins = Poppins({
|
|
||||||
variable: "--font-poppins",
|
|
||||||
|
|
||||||
|
const libreBaskerville = Libre_Baskerville({
|
||||||
|
variable: "--font-libre-baskerville",
|
||||||
|
subsets: ["latin"],
|
||||||
|
weight: ["400", "700"],
|
||||||
|
});
|
||||||
|
const inter = Inter({
|
||||||
|
variable: "--font-inter",
|
||||||
subsets: ["latin"],
|
subsets: ["latin"],
|
||||||
weight: ["100", "200", "300", "400", "500", "600", "700", "800", "900"],
|
|
||||||
});
|
});
|
||||||
|
|
||||||
export default function RootLayout({
|
export default function RootLayout({
|
||||||
@@ -35,7 +45,7 @@ export default function RootLayout({
|
|||||||
return (
|
return (
|
||||||
<html lang="en" suppressHydrationWarning>
|
<html lang="en" suppressHydrationWarning>
|
||||||
<ServiceWrapper>
|
<ServiceWrapper>
|
||||||
<body className={`${poppins.variable} antialiased`}>
|
<body className={`${libreBaskerville.variable} ${inter.variable} antialiased`}>
|
||||||
<Tag />
|
<Tag />
|
||||||
{children}
|
{children}
|
||||||
<script
|
<script
|
||||||
|
|||||||
311
src/app/page.tsx
311
src/app/page.tsx
@@ -2,9 +2,9 @@
|
|||||||
|
|
||||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||||
import ReactLenis from "lenis/react";
|
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 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 HeroSplitTestimonial from '@/components/sections/hero/HeroSplitTestimonial';
|
||||||
import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
|
import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
|
||||||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||||||
@@ -32,21 +32,13 @@ export default function LandingPage() {
|
|||||||
<NavbarStyleFullscreen
|
<NavbarStyleFullscreen
|
||||||
navItems={[
|
navItems={[
|
||||||
{
|
{
|
||||||
name: "Home",
|
name: "Home", id: "hero"},
|
||||||
id: "hero",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Products",
|
name: "Products", id: "products"},
|
||||||
id: "products",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "About",
|
name: "About", id: "about"},
|
||||||
id: "about",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Contact",
|
name: "Contact", id: "contact"},
|
||||||
id: "contact",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
brandName="Zyrova"
|
brandName="Zyrova"
|
||||||
/>
|
/>
|
||||||
@@ -55,102 +47,59 @@ export default function LandingPage() {
|
|||||||
<div id="hero" data-section="hero">
|
<div id="hero" data-section="hero">
|
||||||
<HeroSplitTestimonial
|
<HeroSplitTestimonial
|
||||||
background={{
|
background={{
|
||||||
variant: "gradient-bars",
|
variant: "gradient-bars"}}
|
||||||
}}
|
|
||||||
title="Elevate Your Lifestyle with Zyrova"
|
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."
|
description="Discover a curated collection of premium products delivered to your door. Experience modern shopping excellence redefined for your daily needs."
|
||||||
testimonials={[
|
testimonials={[
|
||||||
{
|
{
|
||||||
name: "Alex R.",
|
name: "Alex R.", handle: "@alexr", testimonial: "Zyrova completely changed how I shop. The quality is unmatched.", rating: 5,
|
||||||
handle: "@alexr",
|
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-african-businesswoman-work_329181-20179.jpg"},
|
||||||
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.",
|
name: "Jamie L.", handle: "@jamiel", testimonial: "Fast shipping and amazing customer support. Truly the best.", rating: 5,
|
||||||
handle: "@jamiel",
|
imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-woman-posing_23-2149093342.jpg?_wi=1"},
|
||||||
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.",
|
name: "Sam T.", handle: "@samt", testimonial: "Everything arrived perfectly. Will definitely shop again soon.", rating: 5,
|
||||||
handle: "@samt",
|
imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-woman-standing-against-wall-holding-shopping-bags_23-2147968474.jpg"},
|
||||||
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.",
|
name: "Casey P.", handle: "@caseyp", testimonial: "The attention to detail in their products is simply refreshing.", rating: 5,
|
||||||
handle: "@caseyp",
|
imageSrc: "http://img.b2bpic.net/free-photo/front-view-lawyer-portrait_23-2151202435.jpg"},
|
||||||
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.",
|
name: "Morgan D.", handle: "@morgand", testimonial: "A premium unboxing experience every single time I order.", rating: 5,
|
||||||
handle: "@morgand",
|
imageSrc: "http://img.b2bpic.net/free-photo/portrait-confident-saleswoman-working-office-sitting-business-room-reading-writing-down_1258-193622.jpg"},
|
||||||
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={[
|
buttons={[
|
||||||
{
|
{
|
||||||
text: "Shop Now",
|
text: "Shop Now", href: "#products"},
|
||||||
href: "#products",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
imageSrc="http://img.b2bpic.net/free-photo/young-woman-connected-her-smartphone_23-2149233005.jpg"
|
imageSrc="http://img.b2bpic.net/free-photo/young-woman-connected-her-smartphone_23-2149233005.jpg"
|
||||||
mediaAnimation="slide-up"
|
mediaAnimation="slide-up"
|
||||||
avatars={[
|
avatars={[
|
||||||
{
|
{
|
||||||
src: "http://img.b2bpic.net/free-photo/side-view-hands-holding-smartphone_23-2149708083.jpg",
|
src: "http://img.b2bpic.net/free-photo/side-view-hands-holding-smartphone_23-2149708083.jpg", alt: "Side view hands holding smartphone"},
|
||||||
alt: "Side view hands holding smartphone",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
src: "http://img.b2bpic.net/free-photo/concept-location-photo-shoot-photo-studio_185193-164056.jpg",
|
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"},
|
||||||
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",
|
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"},
|
||||||
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",
|
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"},
|
||||||
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",
|
src: "http://img.b2bpic.net/free-photo/blonde-woman-talking-phone_23-2148660693.jpg", alt: "Blonde woman talking on the phone"},
|
||||||
alt: "Blonde woman talking on the phone",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
marqueeItems={[
|
marqueeItems={[
|
||||||
{
|
{
|
||||||
type: "text-icon",
|
type: "text-icon", text: "Premium Quality", icon: ShieldCheck,
|
||||||
text: "Premium Quality",
|
|
||||||
icon: ShieldCheck,
|
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
type: "text-icon",
|
type: "text-icon", text: "Global Shipping", icon: Truck,
|
||||||
text: "Global Shipping",
|
|
||||||
icon: Truck,
|
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
type: "text-icon",
|
type: "text-icon", text: "24/7 Support", icon: Headphones,
|
||||||
text: "24/7 Support",
|
|
||||||
icon: Headphones,
|
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
type: "text-icon",
|
type: "text-icon", text: "Secure Payments", icon: Lock,
|
||||||
text: "Secure Payments",
|
|
||||||
icon: Lock,
|
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
type: "text-icon",
|
type: "text-icon", text: "Curated Selection", icon: Sparkles,
|
||||||
text: "Curated Selection",
|
|
||||||
icon: Sparkles,
|
|
||||||
},
|
},
|
||||||
]}
|
]}
|
||||||
/>
|
/>
|
||||||
@@ -164,7 +113,7 @@ export default function LandingPage() {
|
|||||||
description="At Zyrova, we bridge the gap between quality products and accessibility. We prioritize design and reliability."
|
description="At Zyrova, we bridge the gap between quality products and accessibility. We prioritize design and reliability."
|
||||||
subdescription="Our dropshipping model ensures efficiency without compromising the premium experience you expect."
|
subdescription="Our dropshipping model ensures efficiency without compromising the premium experience you expect."
|
||||||
icon={Shield}
|
icon={Shield}
|
||||||
imageSrc="http://img.b2bpic.net/free-photo/smiley-girl-holding-shopping-bags_23-2148225666.jpg"
|
imageSrc="https://img.b2bpic.net/premium-photo/flat-lay-zero-waste-kit-set-eco-friendly-bamboo-cutlery-mesh-cotton-bag-reusable-coffee-tumbler-brushes-bar-soap-water-bottle-sustainable-ethical-plastic-free-lifestyle_72402-4080.jpg?id=11724532"
|
||||||
mediaAnimation="blur-reveal"
|
mediaAnimation="blur-reveal"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
@@ -176,38 +125,17 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
features={[
|
features={[
|
||||||
{
|
{
|
||||||
id: "f1",
|
id: "f1", title: "Secure Shipping", author: "Zyrova Team", description: "Global reach with reliable tracking systems.", tags: [
|
||||||
title: "Secure Shipping",
|
"Reliable", "Tracking"],
|
||||||
author: "Zyrova Team",
|
imageSrc: "http://img.b2bpic.net/free-photo/white-cylinder-podium-tree-shadow-pedestal-product-display-stand-background-3d-rendering_56104-1381.jpg"},
|
||||||
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",
|
id: "f2", title: "Premium Goods", author: "Zyrova Team", description: "Only the highest quality products selected.", tags: [
|
||||||
title: "Premium Goods",
|
"Curated", "Quality"],
|
||||||
author: "Zyrova Team",
|
imageSrc: "https://img.b2bpic.net/free-photo/top-view-back-school-concept_23-2148559686.jpg?id=8513493"},
|
||||||
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",
|
id: "f3", title: "24/7 Support", author: "Zyrova Team", description: "Always here to help you anytime.", tags: [
|
||||||
title: "24/7 Support",
|
"Support", "Fast"],
|
||||||
author: "Zyrova Team",
|
imageSrc: "http://img.b2bpic.net/free-photo/modern-round-wireless-speaker-with-slick-design-floating-concrete-background_23-2150808029.jpg"},
|
||||||
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"
|
title="Core Values"
|
||||||
description="We build trust through commitment and quality."
|
description="We build trust through commitment and quality."
|
||||||
@@ -222,41 +150,17 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
products={[
|
products={[
|
||||||
{
|
{
|
||||||
id: "p1",
|
id: "p1", name: "Modern Planner", price: "$29", imageSrc: "https://img.b2bpic.net/premium-photo/summer-flat-lay-traveller-accessories-palm-leaf-hat-sunglasses-phone-sunscreen-headphones_237189-78.jpg?id=9512881"},
|
||||||
name: "Modern Planner",
|
|
||||||
price: "$29",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/everyday-bath-utensils-dark-marble-background_58702-17721.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "p2",
|
id: "p2", name: "Sleek Desk Lamp", price: "$45", imageSrc: "http://img.b2bpic.net/free-photo/white-plastic-bottle-white-background_187299-47585.jpg"},
|
||||||
name: "Sleek Desk Lamp",
|
|
||||||
price: "$45",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/white-plastic-bottle-white-background_187299-47585.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "p3",
|
id: "p3", name: "Wireless Audio Set", price: "$89", imageSrc: "http://img.b2bpic.net/free-photo/everyday-home-utensils-dark-marble-background_58702-17719.jpg"},
|
||||||
name: "Wireless Audio Set",
|
|
||||||
price: "$89",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/everyday-home-utensils-dark-marble-background_58702-17719.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "p4",
|
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"},
|
||||||
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",
|
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"},
|
||||||
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",
|
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"},
|
||||||
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"
|
title="Featured Collection"
|
||||||
description="Trending items selected for you."
|
description="Trending items selected for you."
|
||||||
@@ -270,20 +174,11 @@ export default function LandingPage() {
|
|||||||
tag="Reliability Metrics"
|
tag="Reliability Metrics"
|
||||||
metrics={[
|
metrics={[
|
||||||
{
|
{
|
||||||
id: "m1",
|
id: "m1", value: "15k+", description: "Happy Customers"},
|
||||||
value: "15k+",
|
|
||||||
description: "Happy Customers",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "m2",
|
id: "m2", value: "98%", description: "Satisfaction Rate"},
|
||||||
value: "98%",
|
|
||||||
description: "Satisfaction Rate",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "m3",
|
id: "m3", value: "24/7", description: "Support Ready"},
|
||||||
value: "24/7",
|
|
||||||
description: "Support Ready",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
metricsAnimation="slide-up"
|
metricsAnimation="slide-up"
|
||||||
/>
|
/>
|
||||||
@@ -296,59 +191,28 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
testimonials={[
|
testimonials={[
|
||||||
{
|
{
|
||||||
id: "t1",
|
id: "t1", name: "Sarah J.", role: "Designer", company: "CreativeCo", rating: 5,
|
||||||
name: "Sarah J.",
|
imageSrc: "http://img.b2bpic.net/free-photo/indoor-portrait-cheerful-man-good-mood_273609-12337.jpg"},
|
||||||
role: "Designer",
|
|
||||||
company: "CreativeCo",
|
|
||||||
rating: 5,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/indoor-portrait-cheerful-man-good-mood_273609-12337.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "t2",
|
id: "t2", name: "Mark D.", role: "Dev", company: "TechLab", rating: 5,
|
||||||
name: "Mark D.",
|
imageSrc: "http://img.b2bpic.net/free-photo/girl-newsboy-cap-park_1303-5503.jpg"},
|
||||||
role: "Dev",
|
|
||||||
company: "TechLab",
|
|
||||||
rating: 5,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/girl-newsboy-cap-park_1303-5503.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "t3",
|
id: "t3", name: "Lisa K.", role: "Manager", company: "GrowthIn", rating: 5,
|
||||||
name: "Lisa K.",
|
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-cafe_273609-12701.jpg"},
|
||||||
role: "Manager",
|
|
||||||
company: "GrowthIn",
|
|
||||||
rating: 5,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-cafe_273609-12701.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "t4",
|
id: "t4", name: "Paul B.", role: "Architect", company: "BuildGroup", rating: 5,
|
||||||
name: "Paul B.",
|
imageSrc: "http://img.b2bpic.net/free-photo/happy-businessman-smiling-camera_1163-4660.jpg"},
|
||||||
role: "Architect",
|
|
||||||
company: "BuildGroup",
|
|
||||||
rating: 5,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-businessman-smiling-camera_1163-4660.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "t5",
|
id: "t5", name: "Anna V.", role: "Founder", company: "StartUp", rating: 5,
|
||||||
name: "Anna V.",
|
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-african-american-woman-cafe_273609-5055.jpg"},
|
||||||
role: "Founder",
|
|
||||||
company: "StartUp",
|
|
||||||
rating: 5,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-african-american-woman-cafe_273609-5055.jpg",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
kpiItems={[
|
kpiItems={[
|
||||||
{
|
{
|
||||||
value: "4.9",
|
value: "4.9", label: "Avg. Rating"},
|
||||||
label: "Avg. Rating",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
value: "5k",
|
value: "5k", label: "Reviews"},
|
||||||
label: "Reviews",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
value: "100%",
|
value: "100%", label: "Trusted"},
|
||||||
label: "Trusted",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
title="Customer Stories"
|
title="Customer Stories"
|
||||||
description="See why everyone loves Zyrova."
|
description="See why everyone loves Zyrova."
|
||||||
@@ -356,64 +220,51 @@ export default function LandingPage() {
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="contact" data-section="contact">
|
<div id="contact" data-section="contact">
|
||||||
<ContactCTA
|
<ContactSplitForm
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
background={{
|
|
||||||
variant: "plain",
|
|
||||||
}}
|
|
||||||
tag="Get In Touch"
|
|
||||||
title="Questions for Zyrova?"
|
title="Questions for Zyrova?"
|
||||||
description="Reach out to our support team and get a response within 24 hours."
|
description="Reach out to our support team and get a response within 24 hours."
|
||||||
buttons={[
|
inputs={[
|
||||||
{
|
{
|
||||||
text: "Contact Support",
|
name: "name", type: "text", placeholder: "Your Name", required: true
|
||||||
href: "mailto:hello@zyrova.com",
|
|
||||||
},
|
},
|
||||||
|
{
|
||||||
|
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?_wi=2"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="footer" data-section="footer">
|
<div id="footer" data-section="footer">
|
||||||
<FooterBaseReveal
|
<FooterBaseCard
|
||||||
logoText="Zyrova"
|
logoText="Zyrova"
|
||||||
columns={[
|
columns={[
|
||||||
{
|
{
|
||||||
title: "Shop",
|
title: "Shop", items: [
|
||||||
items: [
|
|
||||||
{
|
{
|
||||||
label: "New Arrivals",
|
label: "New Arrivals", href: "#"},
|
||||||
href: "#",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
label: "Best Sellers",
|
label: "Best Sellers", href: "#"},
|
||||||
href: "#",
|
|
||||||
},
|
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: "Company",
|
title: "Company", items: [
|
||||||
items: [
|
|
||||||
{
|
{
|
||||||
label: "About Us",
|
label: "About Us", href: "#about"},
|
||||||
href: "#about",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
label: "Contact",
|
label: "Contact", href: "#contact"},
|
||||||
href: "#contact",
|
|
||||||
},
|
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: "Legal",
|
title: "Legal", items: [
|
||||||
items: [
|
|
||||||
{
|
{
|
||||||
label: "Privacy Policy",
|
label: "Privacy Policy", href: "#"},
|
||||||
href: "#",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
label: "Terms of Service",
|
label: "Terms of Service", href: "#"},
|
||||||
href: "#",
|
|
||||||
},
|
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
]}
|
]}
|
||||||
@@ -422,4 +273,4 @@ export default function LandingPage() {
|
|||||||
</ReactLenis>
|
</ReactLenis>
|
||||||
</ThemeProvider>
|
</ThemeProvider>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
@@ -11,7 +11,7 @@ html {
|
|||||||
body {
|
body {
|
||||||
background-color: var(--background);
|
background-color: var(--background);
|
||||||
color: var(--foreground);
|
color: var(--foreground);
|
||||||
font-family: var(--font-poppins), sans-serif;
|
font-family: var(--font-inter), sans-serif;
|
||||||
position: relative;
|
position: relative;
|
||||||
min-height: 100vh;
|
min-height: 100vh;
|
||||||
overscroll-behavior: none;
|
overscroll-behavior: none;
|
||||||
@@ -24,5 +24,5 @@ h3,
|
|||||||
h4,
|
h4,
|
||||||
h5,
|
h5,
|
||||||
h6 {
|
h6 {
|
||||||
font-family: var(--font-poppins), sans-serif;
|
font-family: var(--font-libre-baskerville), serif;
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -10,7 +10,7 @@
|
|||||||
--accent: #ffffff;
|
--accent: #ffffff;
|
||||||
--background-accent: #ffffff; */
|
--background-accent: #ffffff; */
|
||||||
|
|
||||||
--background: #b58ae5;
|
--background: #874beb;
|
||||||
--card: #ffffff;
|
--card: #ffffff;
|
||||||
--foreground: #1c1c1c;
|
--foreground: #1c1c1c;
|
||||||
--primary-cta: #1c1c1c;
|
--primary-cta: #1c1c1c;
|
||||||
|
|||||||
Reference in New Issue
Block a user