Merge version_1 into main #2
232
src/app/page.tsx
232
src/app/page.tsx
@@ -31,21 +31,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
name: "Features", id: "features"},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "pricing",
|
||||
},
|
||||
name: "Pricing", id: "pricing"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Optiscale"
|
||||
/>
|
||||
@@ -54,99 +46,56 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitTestimonial
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Web design that moves your business forward"
|
||||
description="See premium design in action. Commit to a year with us—your first website is free. Experience the difference bold, animated web presence makes."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Alex Rivet",
|
||||
handle: "@rivetcorp",
|
||||
testimonial: "Optiscale turned our slow site into a motion-driven revenue machine.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/attractive-blond-business-woman-white-shirt-eyeglasses-crossed-arms-grey-background_613910-11786.jpg?_wi=1",
|
||||
},
|
||||
name: "Alex Rivet", handle: "@rivetcorp", testimonial: "Optiscale turned our slow site into a motion-driven revenue machine.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/attractive-blond-business-woman-white-shirt-eyeglasses-crossed-arms-grey-background_613910-11786.jpg"},
|
||||
{
|
||||
name: "Sarah Chen",
|
||||
handle: "@innovatehq",
|
||||
testimonial: "Bold design and incredible animations. Best investment this year.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-transgender-wearing-cool-jacket_23-2149105437.jpg?_wi=1",
|
||||
},
|
||||
name: "Sarah Chen", handle: "@innovatehq", testimonial: "Bold design and incredible animations. Best investment this year.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-transgender-wearing-cool-jacket_23-2149105437.jpg"},
|
||||
{
|
||||
name: "Marcus Vane",
|
||||
handle: "@vanecommerce",
|
||||
testimonial: "The free website offer was too good to pass, and quality is unmatched.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-senior-painter-home_23-2150170541.jpg?_wi=1",
|
||||
},
|
||||
name: "Marcus Vane", handle: "@vanecommerce", testimonial: "The free website offer was too good to pass, and quality is unmatched.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-senior-painter-home_23-2150170541.jpg"},
|
||||
{
|
||||
name: "Elise Ford",
|
||||
handle: "@fordmedia",
|
||||
testimonial: "Smooth transitions and expert design. Highly recommended.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/thoughtful-woman-designer-work_171337-15578.jpg?_wi=1",
|
||||
},
|
||||
name: "Elise Ford", handle: "@fordmedia", testimonial: "Smooth transitions and expert design. Highly recommended.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/thoughtful-woman-designer-work_171337-15578.jpg"},
|
||||
{
|
||||
name: "Jordan P.",
|
||||
handle: "@jpdigital",
|
||||
testimonial: "Optiscale brought our brand to life with stunning animation work.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-transgender-wearing-shells-necklace_23-2149105401.jpg?_wi=1",
|
||||
},
|
||||
name: "Jordan P.", handle: "@jpdigital", testimonial: "Optiscale brought our brand to life with stunning animation work.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-transgender-wearing-shells-necklace_23-2149105401.jpg"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Claim Your Free Website",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Claim Your Free Website", href: "#contact"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/light-streak-lines-background_23-2148133172.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/light-streak-lines-background_23-2148133172.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-bearded-man-wearing-formal-clothes_273609-15323.jpg",
|
||||
alt: "Team member 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-bearded-man-wearing-formal-clothes_273609-15323.jpg", alt: "Team member 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/elegant-executive-thinking_1098-528.jpg",
|
||||
alt: "Team member 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/elegant-executive-thinking_1098-528.jpg", alt: "Team member 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/studio-portrait-serious-plump-male-eyeglasses-grey-background_613910-13573.jpg",
|
||||
alt: "Team member 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/studio-portrait-serious-plump-male-eyeglasses-grey-background_613910-13573.jpg", alt: "Team member 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-smiley-modern-male_23-2148514900.jpg",
|
||||
alt: "Team member 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-smiley-modern-male_23-2148514900.jpg", alt: "Team member 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-smiley-lawyer-talking-phone_23-2148230860.jpg",
|
||||
alt: "Team member 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-smiley-lawyer-talking-phone_23-2148230860.jpg", alt: "Team member 5"},
|
||||
]}
|
||||
avatarText="Trusted by 500+ growing brands"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Motion-Driven Growth",
|
||||
},
|
||||
type: "text", text: "Motion-Driven Growth"},
|
||||
{
|
||||
type: "text",
|
||||
text: "High-Performance Assets",
|
||||
},
|
||||
type: "text", text: "High-Performance Assets"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Annual Scaling Strategy",
|
||||
},
|
||||
type: "text", text: "Annual Scaling Strategy"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Conversion Optimization",
|
||||
},
|
||||
type: "text", text: "Conversion Optimization"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Elite Design Standards",
|
||||
},
|
||||
type: "text", text: "Elite Design Standards"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -156,33 +105,23 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
title="Unmatched Design Capabilities"
|
||||
description={[
|
||||
"We craft digital experiences that capture attention through purposeful, scrolldriven animation and sophisticated organic design.",
|
||||
"Our mission is to help ambitious midmarket brands stand out without the barrier of excessive upfront costs. Longterm partnership is at our core.",
|
||||
]}
|
||||
"We craft digital experiences that capture attention through purposeful, scrolldriven animation and sophisticated organic design.", "Our mission is to help ambitious midmarket brands stand out without the barrier of excessive upfront costs. Longterm partnership is at our core."]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardThree
|
||||
animationType="blur-reveal"
|
||||
textboxLayout="split"
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Scrolldriven Motion",
|
||||
description: "Interactive, multi-layered animations that guide the user journey.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/traffic-light-trails_1359-817.jpg?_wi=1",
|
||||
},
|
||||
title: "Scrolldriven Motion", description: "Interactive, multi-layered animations that guide the user journey.", imageSrc: "http://img.b2bpic.net/free-photo/traffic-light-trails_1359-817.jpg"},
|
||||
{
|
||||
title: "Organic Dividers",
|
||||
description: "Nature-inspired, flowing design separators for a premium feel.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/traffic-light-trails_1359-817.jpg?_wi=2",
|
||||
},
|
||||
title: "Organic Dividers", description: "Nature-inspired, flowing design separators for a premium feel.", imageSrc: "http://img.b2bpic.net/free-photo/traffic-light-trails_1359-817.jpg"},
|
||||
{
|
||||
title: "Free Website Offer",
|
||||
description: "Get started with zero upfront cost when you commit to an annual plan.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/traffic-light-trails_1359-817.jpg?_wi=3",
|
||||
},
|
||||
title: "Free Website Offer", description: "Get started with zero upfront cost when you commit to an annual plan.", imageSrc: "http://img.b2bpic.net/free-photo/traffic-light-trails_1359-817.jpg"},
|
||||
]}
|
||||
title="Engineered for Conversion"
|
||||
description="Bold features that move your audience."
|
||||
@@ -196,22 +135,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
plans={[
|
||||
{
|
||||
id: "annual",
|
||||
title: "Optiscale Annual",
|
||||
price: "$299/mo",
|
||||
period: "billed annually",
|
||||
features: [
|
||||
"Custom Web Design",
|
||||
"Unlimited Revisions",
|
||||
"Annual Website Refresh",
|
||||
"Priority Hosting & Support",
|
||||
],
|
||||
id: "annual", title: "Optiscale Annual", price: "$299/mo", period: "billed annually", features: [
|
||||
"Custom Web Design", "Unlimited Revisions", "Annual Website Refresh", "Priority Hosting & Support"],
|
||||
button: {
|
||||
text: "Claim Your Free Website",
|
||||
href: "#contact",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/light-streak-lines-background_23-2148133172.jpg?_wi=2",
|
||||
},
|
||||
text: "Claim Your Free Website", href: "#contact"},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/light-streak-lines-background_23-2148133172.jpg"},
|
||||
]}
|
||||
title="Simple Subscription, Elite Design"
|
||||
description="One simple annual plan designed for scale."
|
||||
@@ -225,31 +153,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "120%",
|
||||
title: "Average Conversion Lift",
|
||||
items: [
|
||||
"Improved engagement",
|
||||
"Higher session time",
|
||||
],
|
||||
id: "m1", value: "120%", title: "Average Conversion Lift", items: [
|
||||
"Improved engagement", "Higher session time"],
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "85ms",
|
||||
title: "Average Load Time",
|
||||
items: [
|
||||
"Blazing fast performance",
|
||||
"Optimized media",
|
||||
],
|
||||
id: "m2", value: "85ms", title: "Average Load Time", items: [
|
||||
"Blazing fast performance", "Optimized media"],
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "24/7",
|
||||
title: "Design Continuity",
|
||||
items: [
|
||||
"Consistent brand voice",
|
||||
"Reliable uptime",
|
||||
],
|
||||
id: "m3", value: "24/7", title: "Design Continuity", items: [
|
||||
"Consistent brand voice", "Reliable uptime"],
|
||||
},
|
||||
]}
|
||||
title="Performance at a Glance"
|
||||
@@ -263,55 +176,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah J.",
|
||||
date: "Oct 2023",
|
||||
title: "Marketing Manager",
|
||||
quote: "The motion-driven approach significantly lifted our conversion rates.",
|
||||
tag: "Conversion",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/portrait-bearded-man-wearing-formal-clothes_273609-15323.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/attractive-blond-business-woman-white-shirt-eyeglasses-crossed-arms-grey-background_613910-11786.jpg?_wi=2",
|
||||
},
|
||||
id: "1", name: "Sarah J.", date: "Oct 2023", title: "Marketing Manager", quote: "The motion-driven approach significantly lifted our conversion rates.", tag: "Conversion", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-bearded-man-wearing-formal-clothes_273609-15323.jpg", imageSrc: "http://img.b2bpic.net/free-photo/attractive-blond-business-woman-white-shirt-eyeglasses-crossed-arms-grey-background_613910-11786.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Mark D.",
|
||||
date: "Nov 2023",
|
||||
title: "Founder",
|
||||
quote: "Optiscale made our web presence look twice as big as it is.",
|
||||
tag: "Branding",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/elegant-executive-thinking_1098-528.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-transgender-wearing-cool-jacket_23-2149105437.jpg?_wi=2",
|
||||
},
|
||||
id: "2", name: "Mark D.", date: "Nov 2023", title: "Founder", quote: "Optiscale made our web presence look twice as big as it is.", tag: "Branding", avatarSrc: "http://img.b2bpic.net/free-photo/elegant-executive-thinking_1098-528.jpg", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-transgender-wearing-cool-jacket_23-2149105437.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Elena P.",
|
||||
date: "Dec 2023",
|
||||
title: "Head of Ops",
|
||||
quote: "Smooth animations, professional delivery, and incredible support.",
|
||||
tag: "Process",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/studio-portrait-serious-plump-male-eyeglasses-grey-background_613910-13573.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-senior-painter-home_23-2150170541.jpg?_wi=2",
|
||||
},
|
||||
id: "3", name: "Elena P.", date: "Dec 2023", title: "Head of Ops", quote: "Smooth animations, professional delivery, and incredible support.", tag: "Process", avatarSrc: "http://img.b2bpic.net/free-photo/studio-portrait-serious-plump-male-eyeglasses-grey-background_613910-13573.jpg", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-senior-painter-home_23-2150170541.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Kevin L.",
|
||||
date: "Jan 2024",
|
||||
title: "Ecom Owner",
|
||||
quote: "The annual plan model is perfect for my ecommerce needs.",
|
||||
tag: "Ecommerce",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/portrait-smiley-modern-male_23-2148514900.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/thoughtful-woman-designer-work_171337-15578.jpg?_wi=2",
|
||||
},
|
||||
id: "4", name: "Kevin L.", date: "Jan 2024", title: "Ecom Owner", quote: "The annual plan model is perfect for my ecommerce needs.", tag: "Ecommerce", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-smiley-modern-male_23-2148514900.jpg", imageSrc: "http://img.b2bpic.net/free-photo/thoughtful-woman-designer-work_171337-15578.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Julie M.",
|
||||
date: "Feb 2024",
|
||||
title: "Marketing Lead",
|
||||
quote: "Optiscale truly redefined our digital presence. 10/10.",
|
||||
tag: "Digital",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-lawyer-talking-phone_23-2148230860.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-transgender-wearing-shells-necklace_23-2149105401.jpg?_wi=2",
|
||||
},
|
||||
id: "5", name: "Julie M.", date: "Feb 2024", title: "Marketing Lead", quote: "Optiscale truly redefined our digital presence. 10/10.", tag: "Digital", avatarSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-lawyer-talking-phone_23-2148230860.jpg", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-transgender-wearing-shells-necklace_23-2149105401.jpg"},
|
||||
]}
|
||||
title="Trusted by Market Leaders"
|
||||
description="See how we've helped others achieve greatness."
|
||||
@@ -322,8 +195,7 @@ export default function LandingPage() {
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "rotated-rays-animated",
|
||||
}}
|
||||
variant: "rotated-rays-animated"}}
|
||||
tag="Limited Time Offer"
|
||||
title="Start Your Journey Today"
|
||||
description="Commit to annual success and get your first website on us."
|
||||
@@ -337,13 +209,9 @@ export default function LandingPage() {
|
||||
<FooterLogoReveal
|
||||
logoText="Optiscale Solutions"
|
||||
leftLink={{
|
||||
text: "Terms of Service",
|
||||
href: "#",
|
||||
}}
|
||||
text: "Terms of Service", href: "#"}}
|
||||
rightLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "#",
|
||||
}}
|
||||
text: "Privacy Policy", href: "#"}}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user