Merge version_1 into main
Merge version_1 into main
This commit was merged in pull request #1.
This commit is contained in:
202
src/app/page.tsx
202
src/app/page.tsx
@@ -28,22 +28,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "/about",
|
||||
},
|
||||
{
|
||||
name: "Plans",
|
||||
id: "/plans",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "/contact",
|
||||
},
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "Plans", id: "/plans" },
|
||||
{ name: "Contact", id: "/contact" },
|
||||
]}
|
||||
brandName="SHARK DEVELOPER"
|
||||
/>
|
||||
@@ -51,99 +39,32 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitTestimonial
|
||||
background={{
|
||||
variant: "glowing-orb",
|
||||
}}
|
||||
background={{ variant: "glowing-orb" }}
|
||||
title="Build the Future with SHARK DEVELOPER"
|
||||
description="Premium web agency specializing in cinematic tech and AI-powered solutions."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Alex D",
|
||||
handle: "@alex",
|
||||
testimonial: "Truly incredible design work.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-groom-classy-black-suit-stands-dark-room_8353-7083.jpg",
|
||||
},
|
||||
{
|
||||
name: "Sarah P",
|
||||
handle: "@sarah",
|
||||
testimonial: "Best agency in the ocean.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-young-man_158595-231.jpg",
|
||||
},
|
||||
{
|
||||
name: "Mark J",
|
||||
handle: "@mark",
|
||||
testimonial: "Cinematic quality every time.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-wearing-apron_23-2149007471.jpg",
|
||||
},
|
||||
{
|
||||
name: "Elena R",
|
||||
handle: "@elena",
|
||||
testimonial: "Stunning results, highly recommend.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/asian-architect-woman_53876-31462.jpg",
|
||||
},
|
||||
{
|
||||
name: "Chris B",
|
||||
handle: "@chris",
|
||||
testimonial: "Shark Developer changed our game.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-glasses-portrait_1262-1461.jpg",
|
||||
},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Started",
|
||||
href: "/plans",
|
||||
},
|
||||
{ name: "Alex D", handle: "@alex", testimonial: "Truly incredible design work.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/handsome-groom-classy-black-suit-stands-dark-room_8353-7083.jpg" },
|
||||
{ name: "Sarah P", handle: "@sarah", testimonial: "Best agency in the ocean.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-young-man_158595-231.jpg" },
|
||||
{ name: "Mark J", handle: "@mark", testimonial: "Cinematic quality every time.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-wearing-apron_23-2149007471.jpg" },
|
||||
{ name: "Elena R", handle: "@elena", testimonial: "Stunning results, highly recommend.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/asian-architect-woman_53876-31462.jpg" },
|
||||
{ name: "Chris B", handle: "@chris", testimonial: "Shark Developer changed our game.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-glasses-portrait_1262-1461.jpg" },
|
||||
]}
|
||||
buttons={[{ text: "Get Started", href: "/plans" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/fantasy-shark-illustration_23-2151561350.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport_107420-85035.jpg",
|
||||
alt: "Client 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-smiley-woman-cozy-office_23-2149739353.jpg",
|
||||
alt: "Client 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/experienced-senior-female-executive-eyeglasses_1262-5027.jpg",
|
||||
alt: "Client 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg",
|
||||
alt: "Client 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman-posing-with-blue-jacket_23-2149020770.jpg",
|
||||
alt: "Client 5",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport_107420-85035.jpg", alt: "Client 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/front-view-smiley-woman-cozy-office_23-2149739353.jpg", alt: "Client 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/experienced-senior-female-executive-eyeglasses_1262-5027.jpg", alt: "Client 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg", alt: "Client 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman-posing-with-blue-jacket_23-2149020770.jpg", alt: "Client 5" },
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "AI INTEGRATION",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "RESPONSIVE UI",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "PERFORMANCE AUDIT",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "SECURE PAYMENT",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "GLOBAL REACH",
|
||||
},
|
||||
{ type: "text", text: "AI INTEGRATION" },
|
||||
{ type: "text", text: "RESPONSIVE UI" },
|
||||
{ type: "text", text: "PERFORMANCE AUDIT" },
|
||||
{ type: "text", text: "SECURE PAYMENT" },
|
||||
{ type: "text", text: "GLOBAL REACH" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -154,13 +75,7 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="Trusted by Industry Leaders"
|
||||
description="We partner with top-tier organizations to deliver high-impact results."
|
||||
names={[
|
||||
"Fintech Solutions",
|
||||
"Blue Ocean Media",
|
||||
"AI Robotics",
|
||||
"Shark Tank Labs",
|
||||
"Data Stream Inc",
|
||||
]}
|
||||
names={["Fintech Solutions", "Blue Ocean Media", "AI Robotics", "Shark Tank Labs", "Data Stream Inc"]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -173,20 +88,8 @@ export default function LandingPage() {
|
||||
title="Meet Our Elite Team"
|
||||
description="Experts in design, development, and AI-driven growth."
|
||||
members={[
|
||||
{
|
||||
id: "member-1",
|
||||
name: "Sarah J.",
|
||||
role: "Lead Architect",
|
||||
description: "10+ years of UI/UX expertise.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-middle-aged-hispanic-cheerful-female-with-curly-hair_181624-53321.jpg",
|
||||
},
|
||||
{
|
||||
id: "member-2",
|
||||
name: "Marcus R.",
|
||||
role: "Full Stack Dev",
|
||||
description: "Expert in high-scale systems.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-male-personal-shopper-working_23-2148924142.jpg",
|
||||
},
|
||||
{ id: "member-1", name: "Sarah J.", role: "Lead Architect", description: "10+ years of UI/UX expertise.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-middle-aged-hispanic-cheerful-female-with-curly-hair_181624-53321.jpg" },
|
||||
{ id: "member-2", name: "Marcus R.", role: "Full Stack Dev", description: "Expert in high-scale systems.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-male-personal-shopper-working_23-2148924142.jpg" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -199,67 +102,22 @@ export default function LandingPage() {
|
||||
title="Performance at a Glance"
|
||||
description="Tangible results for your business needs."
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "150%",
|
||||
title: "Growth",
|
||||
description: "Client traffic increase.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-holding-tablet_23-2149927578.jpg",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "50ms",
|
||||
title: "Speed",
|
||||
description: "Average response time.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-logo-designer-working-her-tablet-connected-laptop_23-2149119251.jpg",
|
||||
},
|
||||
{ id: "m1", value: "150%", title: "Growth", description: "Client traffic increase.", imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-holding-tablet_23-2149927578.jpg" },
|
||||
{ id: "m2", value: "50ms", title: "Speed", description: "Average response time.", imageSrc: "http://img.b2bpic.net/free-photo/female-logo-designer-working-her-tablet-connected-laptop_23-2149119251.jpg" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="ecommerce" data-section="ecommerce">
|
||||
<ProductCatalog />
|
||||
<ProductCatalog layout="page" />
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Home",
|
||||
href: "/",
|
||||
},
|
||||
{
|
||||
label: "About",
|
||||
href: "/about",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Services",
|
||||
href: "/plans",
|
||||
},
|
||||
{
|
||||
label: "Book Now",
|
||||
href: "/contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ items: [{ label: "Home", href: "/" }, { label: "About", href: "/about" }] },
|
||||
{ items: [{ label: "Services", href: "/plans" }, { label: "Book Now", href: "/contact" }] },
|
||||
{ items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] },
|
||||
]}
|
||||
logoText="SHARK DEVELOPER"
|
||||
/>
|
||||
|
||||
Reference in New Issue
Block a user