Merge version_1 into main #1
@@ -9,112 +9,79 @@ import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCa
|
||||
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
|
||||
import { Award } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
export default function AboutPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="shift-hover"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="pill"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "/about",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "/services",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "/contact",
|
||||
},
|
||||
]}
|
||||
brandName="Ranking Visions"
|
||||
button={{
|
||||
text: "Let's Talk",
|
||||
href: "/contact",
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "Services", id: "/services" },
|
||||
{ name: "Contact", id: "/contact" },
|
||||
]}
|
||||
brandName="Ranking Visions"
|
||||
button={{ text: "Let's Talk", href: "/contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about-main" data-section="about-main">
|
||||
<TestimonialAboutCard
|
||||
useInvertedBackground={false}
|
||||
tag="About Us"
|
||||
title="We build brands that people love."
|
||||
description="Ranking Visions is a premier agency helping startups achieve their potential."
|
||||
subdescription="We are dedicated to providing clean, high-impact digital experiences."
|
||||
icon={Award}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/multi-ethnic-group-three-businesspeople-meeting-modern-office-two-caucasian-women-black-man-wearing-suit-looking-laptop-computer_1139-966.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
imageAlt="creative team collaboration"
|
||||
/>
|
||||
</div>
|
||||
<div id="about-main" data-section="about-main">
|
||||
<TestimonialAboutCard
|
||||
useInvertedBackground={false}
|
||||
tag="About Us"
|
||||
title="We build brands that people love."
|
||||
description="Ranking Visions is a premier agency helping startups achieve their potential."
|
||||
subdescription="We are dedicated to providing clean, high-impact digital experiences."
|
||||
icon={Award}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/multi-ethnic-group-three-businesspeople-meeting-modern-office-two-caucasian-women-black-man-wearing-suit-looking-laptop-computer_1139-966.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
imageAlt="creative team collaboration"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<InlineImageSplitTextAbout
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "Our Philosophy",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<InlineImageSplitTextAbout
|
||||
useInvertedBackground={false}
|
||||
heading={[{ type: "text", content: "Our Philosophy" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonial" data-section="testimonial">
|
||||
<TestimonialCardSix
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Team Culture"
|
||||
description="Why we are different."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonial" data-section="testimonial">
|
||||
<TestimonialCardSix
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Team Culture"
|
||||
description="Why we are different."
|
||||
testimonials={[
|
||||
{ id: "t1", name: "Alex Rivers", handle: "@arivers", testimonial: "Incredible expertise in web dev.", imageSrc: "http://img.b2bpic.net/free-photo/business-owner-working-their-strategy_23-2149241318.jpg", imageAlt: "Business owner working on their strategy" },
|
||||
{ id: "t2", name: "Elena M.", handle: "@elena_design", testimonial: "The best SEO team I've worked with.", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-sitting-library_273609-15839.jpg", imageAlt: "Young woman sitting in library" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
logoText="Ranking Visions"
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "/about",
|
||||
},
|
||||
{
|
||||
label: "Services",
|
||||
href: "/services",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Connect",
|
||||
items: [
|
||||
{
|
||||
label: "Contact",
|
||||
href: "/contact",
|
||||
},
|
||||
{
|
||||
label: "Email",
|
||||
href: "mailto:info@rankingvisions.com",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
copyrightText="© 2024 Ranking Visions. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
logoText="Ranking Visions"
|
||||
columns={[
|
||||
{ title: "Company", items: [{ label: "About", href: "/about" }, { label: "Services", href: "/services" }] },
|
||||
{ title: "Connect", items: [{ label: "Contact", href: "/contact" }, { label: "Email", href: "mailto:info@rankingvisions.com" }] }
|
||||
]}
|
||||
copyrightText="© 2024 Ranking Visions. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
@@ -8,137 +8,82 @@ import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
|
||||
import LegalSection from '@/components/legal/LegalSection';
|
||||
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
||||
|
||||
export default function LandingPage() {
|
||||
export default function ContactPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="shift-hover"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="pill"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "/about",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "/services",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "/contact",
|
||||
},
|
||||
]}
|
||||
brandName="Ranking Visions"
|
||||
button={{
|
||||
text: "Let's Talk",
|
||||
href: "/contact",
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "Services", id: "/services" },
|
||||
{ name: "Contact", id: "/contact" },
|
||||
]}
|
||||
brandName="Ranking Visions"
|
||||
button={{ text: "Let's Talk", href: "/contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact-form" data-section="contact-form">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={false}
|
||||
title="Get in touch with us"
|
||||
description="Have a project in mind? We'd love to hear from you."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "info@rankingvisions.com",
|
||||
required: true,
|
||||
},
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Your project details...",
|
||||
rows: 4,
|
||||
required: true,
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/studio-arrangement-work_23-2151976850.jpg"
|
||||
imageAlt="minimalist office interior clean"
|
||||
/>
|
||||
</div>
|
||||
<div id="contact-form" data-section="contact-form">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={false}
|
||||
title="Get in touch with us"
|
||||
description="Have a project in mind? We'd love to hear from you."
|
||||
inputs={[
|
||||
{ name: "name", type: "text", placeholder: "Your Name", required: true },
|
||||
{ name: "email", type: "email", placeholder: "info@rankingvisions.com", required: true },
|
||||
]}
|
||||
textarea={{ name: "message", placeholder: "Your project details...", rows: 4, required: true }}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/studio-arrangement-work_23-2151976850.jpg"
|
||||
imageAlt="minimalist office interior clean"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
tag="Support"
|
||||
title="Need technical assistance?"
|
||||
description="Reach out to our support team."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/busy-accountant_1098-15571.jpg"
|
||||
imageAlt="Busy accountant"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Support"
|
||||
title="Need technical assistance?"
|
||||
description="Reach out to our support team."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/busy-accountant_1098-15571.jpg"
|
||||
imageAlt="Busy accountant"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="legal" data-section="legal">
|
||||
<LegalSection
|
||||
layout="section"
|
||||
title="Privacy Policy"
|
||||
sections={[
|
||||
{
|
||||
heading: "Data Usage",
|
||||
content: {
|
||||
type: "paragraph",
|
||||
text: "We value your privacy and only use data to improve your experience.",
|
||||
},
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="legal" data-section="legal">
|
||||
<LegalSection
|
||||
layout="section"
|
||||
title="Privacy Policy"
|
||||
sections={[
|
||||
{ heading: "Data Usage", content: { type: "paragraph", text: "We value your privacy and only use data to improve your experience." } }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
logoText="Ranking Visions"
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "/about",
|
||||
},
|
||||
{
|
||||
label: "Services",
|
||||
href: "/services",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Connect",
|
||||
items: [
|
||||
{
|
||||
label: "Contact",
|
||||
href: "/contact",
|
||||
},
|
||||
{
|
||||
label: "Email",
|
||||
href: "mailto:info@rankingvisions.com",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
copyrightText="© 2024 Ranking Visions. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
logoText="Ranking Visions"
|
||||
columns={[
|
||||
{ title: "Company", items: [{ label: "About", href: "/about" }, { label: "Services", href: "/services" }] },
|
||||
{ title: "Connect", items: [{ label: "Contact", href: "/contact" }, { label: "Email", href: "mailto:info@rankingvisions.com" }] }
|
||||
]}
|
||||
copyrightText="© 2024 Ranking Visions. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
351
src/app/page.tsx
351
src/app/page.tsx
@@ -17,263 +17,116 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="shift-hover"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="pill"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "/about",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "/services",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "/contact",
|
||||
},
|
||||
]}
|
||||
brandName="Ranking Visions"
|
||||
button={{
|
||||
text: "Let's Talk",
|
||||
href: "/contact",
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "Services", id: "/services" },
|
||||
{ name: "Contact", id: "/contact" },
|
||||
]}
|
||||
brandName="Ranking Visions"
|
||||
button={{ text: "Let's Talk", href: "/contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardRotatedCarousel
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
title="Effortless design for startups."
|
||||
description="We make it easy for startups to launch, grow, and scale with clean, conversion-focused designs."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Started",
|
||||
href: "/contact",
|
||||
},
|
||||
]}
|
||||
carouselItems={[
|
||||
{
|
||||
id: "1",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/computers-data-center-running-server-rigs-diagnostic-tests_482257-118495.jpg",
|
||||
imageAlt: "modern marketing agency dashboard UI",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/minimalist-spacious-interior-design_23-2150378906.jpg",
|
||||
imageAlt: "creative agency studio desk",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-african-american-entrepreneur-analyzing-company-profit_482257-20207.jpg",
|
||||
imageAlt: "social media analytics screen",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/data-database-analysis-system-information-concept_53876-134071.jpg",
|
||||
imageAlt: "seo strategy interface screen",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/manager-watches-tablet-with-greenscreen_482257-76577.jpg",
|
||||
imageAlt: "digital advertising campaign results",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-creative-people-with-laptop-notepad-working-modern-office-cool-guys-discussing-new-project-together-while-spending-time-work_574295-5787.jpg",
|
||||
imageAlt: "creative agency team working",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardRotatedCarousel
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Effortless design for startups."
|
||||
description="We make it easy for startups to launch, grow, and scale with clean, conversion-focused designs."
|
||||
buttons={[{ text: "Get Started", href: "/contact" }]}
|
||||
carouselItems={[
|
||||
{ id: "1", imageSrc: "http://img.b2bpic.net/free-photo/computers-data-center-running-server-rigs-diagnostic-tests_482257-118495.jpg", imageAlt: "modern marketing agency dashboard UI" },
|
||||
{ id: "2", imageSrc: "http://img.b2bpic.net/free-photo/minimalist-spacious-interior-design_23-2150378906.jpg", imageAlt: "creative agency studio desk" },
|
||||
{ id: "3", imageSrc: "http://img.b2bpic.net/free-photo/closeup-african-american-entrepreneur-analyzing-company-profit_482257-20207.jpg", imageAlt: "social media analytics screen" },
|
||||
{ id: "4", imageSrc: "http://img.b2bpic.net/free-photo/data-database-analysis-system-information-concept_53876-134071.jpg", imageAlt: "seo strategy interface screen" },
|
||||
{ id: "5", imageSrc: "http://img.b2bpic.net/free-photo/manager-watches-tablet-with-greenscreen_482257-76577.jpg", imageAlt: "digital advertising campaign results" },
|
||||
{ id: "6", imageSrc: "http://img.b2bpic.net/free-photo/young-creative-people-with-laptop-notepad-working-modern-office-cool-guys-discussing-new-project-together-while-spending-time-work_574295-5787.jpg", imageAlt: "creative agency team working" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="services-feature" data-section="services-feature">
|
||||
<FeatureBorderGlow
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
icon: Globe,
|
||||
title: "Web Development",
|
||||
description: "Custom high-performance websites built for growth.",
|
||||
},
|
||||
{
|
||||
icon: Palette,
|
||||
title: "UI/UX Design",
|
||||
description: "User-centric design that drives conversions.",
|
||||
},
|
||||
{
|
||||
icon: Search,
|
||||
title: "SEO",
|
||||
description: "Search engine optimization to dominate your rankings.",
|
||||
},
|
||||
{
|
||||
icon: Share2,
|
||||
title: "Social Media Marketing",
|
||||
description: "Building brands on social platforms.",
|
||||
},
|
||||
{
|
||||
icon: Volume2,
|
||||
title: "Ads Management",
|
||||
description: "Google, Facebook, Instagram, and TikTok experts.",
|
||||
},
|
||||
{
|
||||
icon: Mail,
|
||||
title: "Email Strategy",
|
||||
description: "Targeted campaigns for maximum engagement.",
|
||||
},
|
||||
]}
|
||||
title="Our Services"
|
||||
description="Comprehensive digital solutions to help your business rank and scale."
|
||||
/>
|
||||
</div>
|
||||
<div id="services-feature" data-section="services-feature">
|
||||
<FeatureBorderGlow
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ icon: Globe, title: "Web Development", description: "Custom high-performance websites built for growth." },
|
||||
{ icon: Palette, title: "UI/UX Design", description: "User-centric design that drives conversions." },
|
||||
{ icon: Search, title: "SEO", description: "Search engine optimization to dominate your rankings." },
|
||||
{ icon: Share2, title: "Social Media Marketing", description: "Building brands on social platforms." },
|
||||
{ icon: Volume2, title: "Ads Management", description: "Google, Facebook, Instagram, and TikTok experts." },
|
||||
{ icon: Mail, title: "Email Strategy", description: "Targeted campaigns for maximum engagement." }
|
||||
]}
|
||||
title="Our Services"
|
||||
description="Comprehensive digital solutions to help your business rank and scale."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardFifteen
|
||||
useInvertedBackground={false}
|
||||
testimonial="Ranking Visions transformed our online presence. Our traffic doubled in months!"
|
||||
rating={5}
|
||||
author="Sarah Johnson, CEO of GrowthCo"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/user-profile-front-side_187299-39595.jpg",
|
||||
alt: "avatar person icon professional",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/relaxed-woman-with-glasses_1122-1397.jpg",
|
||||
alt: "avatar person icon professional",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-vector/startup-business-rocket-glyph-flat-style_78370-10803.jpg",
|
||||
alt: "avatar person icon professional",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/user-profile-icon-front-side-with-white-background_187299-40010.jpg",
|
||||
alt: "avatar person icon professional",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-vector/business-avatars-collection_23-2147533877.jpg",
|
||||
alt: "avatar person icon professional",
|
||||
},
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardFifteen
|
||||
useInvertedBackground={false}
|
||||
testimonial="Ranking Visions transformed our online presence. Our traffic doubled in months!"
|
||||
rating={5}
|
||||
author="Sarah Johnson, CEO of GrowthCo"
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/user-profile-front-side_187299-39595.jpg", alt: "avatar person icon professional" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/relaxed-woman-with-glasses_1122-1397.jpg", alt: "avatar person icon professional" },
|
||||
{ src: "http://img.b2bpic.net/free-vector/startup-business-rocket-glyph-flat-style_78370-10803.jpg", alt: "avatar person icon professional" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/user-profile-icon-front-side-with-white-background_187299-40010.jpg", alt: "avatar person icon professional" },
|
||||
{ src: "http://img.b2bpic.net/free-vector/business-avatars-collection_23-2147533877.jpg", alt: "avatar person icon professional" }
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonial" data-section="testimonial">
|
||||
<TestimonialCardSix
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Client Success"
|
||||
description="Hear what our partners have to say."
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Alex Rivers",
|
||||
handle: "@arivers",
|
||||
testimonial: "Incredible expertise in web dev.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-owner-working-their-strategy_23-2149241318.jpg",
|
||||
imageAlt: "Business owner working on their strategy",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Elena M.",
|
||||
handle: "@elena_design",
|
||||
testimonial: "The best SEO team I've worked with.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-sitting-library_273609-15839.jpg",
|
||||
imageAlt: "Young woman sitting in library",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "David Cole",
|
||||
handle: "@dcole",
|
||||
testimonial: "Transformed our lead generation process.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1626.jpg",
|
||||
imageAlt: "young businessman happy expression",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Sarah Miller",
|
||||
handle: "@smiller",
|
||||
testimonial: "High quality deliverables, fast turnaround.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/joyful-beautiful-blonde-woman-wearing-white-shirt-standing-co-working-space-leaning-desk-posing_74855-10223.jpg",
|
||||
imageAlt: "Joyful beautiful blonde woman wearing white shirt, standing in co-working space, leaning on desk, posing, ",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Kevin J.",
|
||||
handle: "@kj_dev",
|
||||
testimonial: "Highly recommended for any SaaS startup.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-young-man-sitting-table-office-chatting_171337-17748.jpg",
|
||||
imageAlt: "Happy young man sitting on table in office chatting",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonial" data-section="testimonial">
|
||||
<TestimonialCardSix
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Client Success"
|
||||
description="Hear what our partners have to say."
|
||||
testimonials={[
|
||||
{ id: "t1", name: "Alex Rivers", handle: "@arivers", testimonial: "Incredible expertise in web dev.", imageSrc: "http://img.b2bpic.net/free-photo/business-owner-working-their-strategy_23-2149241318.jpg", imageAlt: "Business owner working on their strategy" },
|
||||
{ id: "t2", name: "Elena M.", handle: "@elena_design", testimonial: "The best SEO team I've worked with.", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-sitting-library_273609-15839.jpg", imageAlt: "Young woman sitting in library" },
|
||||
{ id: "t3", name: "David Cole", handle: "@dcole", testimonial: "Transformed our lead generation process.", imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1626.jpg", imageAlt: "young businessman happy expression" },
|
||||
{ id: "t4", name: "Sarah Miller", handle: "@smiller", testimonial: "High quality deliverables, fast turnaround.", imageSrc: "http://img.b2bpic.net/free-photo/joyful-beautiful-blonde-woman-wearing-white-shirt-standing-co-working-space-leaning-desk-posing_74855-10223.jpg", imageAlt: "Joyful beautiful blonde woman wearing white shirt" },
|
||||
{ id: "t5", name: "Kevin J.", handle: "@kj_dev", testimonial: "Highly recommended for any SaaS startup.", imageSrc: "http://img.b2bpic.net/free-photo/happy-young-man-sitting-table-office-chatting_171337-17748.jpg", imageAlt: "Happy young man sitting on table in office chatting" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<InlineImageSplitTextAbout
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "Innovating the future of digital presence.",
|
||||
},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Learn More",
|
||||
href: "/about",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<InlineImageSplitTextAbout
|
||||
useInvertedBackground={false}
|
||||
heading={[{ type: "text", content: "Innovating the future of digital presence." }]}
|
||||
buttons={[{ text: "Learn More", href: "/about" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
logoText="Ranking Visions"
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "/about",
|
||||
},
|
||||
{
|
||||
label: "Services",
|
||||
href: "/services",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Connect",
|
||||
items: [
|
||||
{
|
||||
label: "Contact",
|
||||
href: "/contact",
|
||||
},
|
||||
{
|
||||
label: "Email",
|
||||
href: "mailto:info@rankingvisions.com",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
copyrightText="© 2024 Ranking Visions. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
logoText="Ranking Visions"
|
||||
columns={[
|
||||
{ title: "Company", items: [{ label: "About", href: "/about" }, { label: "Services", href: "/services" }] },
|
||||
{ title: "Connect", items: [{ label: "Contact", href: "/contact" }, { label: "Email", href: "mailto:info@rankingvisions.com" }] }
|
||||
]}
|
||||
copyrightText="© 2024 Ranking Visions. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
@@ -6,99 +6,67 @@ import FeatureBorderGlow from '@/components/sections/feature/featureBorderGlow/F
|
||||
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
|
||||
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
|
||||
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
||||
import { Globe, Palette, Search } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
export default function ServicesPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="shift-hover"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="pill"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "/about",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "/services",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "/contact",
|
||||
},
|
||||
]}
|
||||
brandName="Ranking Visions"
|
||||
button={{
|
||||
text: "Let's Talk",
|
||||
href: "/contact",
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "Services", id: "/services" },
|
||||
{ name: "Contact", id: "/contact" },
|
||||
]}
|
||||
brandName="Ranking Visions"
|
||||
button={{ text: "Let's Talk", href: "/contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="feature" data-section="feature">
|
||||
<FeatureBorderGlow
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Expanded Services"
|
||||
description="More ways to grow your venture."
|
||||
/>
|
||||
</div>
|
||||
<div id="feature" data-section="feature">
|
||||
<FeatureBorderGlow
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Expanded Services"
|
||||
description="More ways to grow your venture."
|
||||
features={[
|
||||
{ icon: Globe, title: "SEO", description: "Dominating search results." },
|
||||
{ icon: Palette, title: "UI Design", description: "Crafting beautiful experiences." }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<InlineImageSplitTextAbout
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "Custom Strategies",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<InlineImageSplitTextAbout
|
||||
useInvertedBackground={false}
|
||||
heading={[{ type: "text", content: "Custom Strategies" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
logoText="Ranking Visions"
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "/about",
|
||||
},
|
||||
{
|
||||
label: "Services",
|
||||
href: "/services",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Connect",
|
||||
items: [
|
||||
{
|
||||
label: "Contact",
|
||||
href: "/contact",
|
||||
},
|
||||
{
|
||||
label: "Email",
|
||||
href: "mailto:info@rankingvisions.com",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
copyrightText="© 2024 Ranking Visions. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
logoText="Ranking Visions"
|
||||
columns={[
|
||||
{ title: "Company", items: [{ label: "About", href: "/about" }, { label: "Services", href: "/services" }] },
|
||||
{ title: "Connect", items: [{ label: "Contact", href: "/contact" }, { label: "Email", href: "mailto:info@rankingvisions.com" }] }
|
||||
]}
|
||||
copyrightText="© 2024 Ranking Visions. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user