Merge version_2 into main #2
145
src/app/about/page.tsx
Normal file
145
src/app/about/page.tsx
Normal file
@@ -0,0 +1,145 @@
|
||||
"use client";
|
||||
|
||||
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
||||
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
|
||||
import FeatureCardSixteen from '@/components/sections/feature/FeatureCardSixteen';
|
||||
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
||||
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
|
||||
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
|
||||
import { ThemeProvider } from '@/providers/themeProvider/ThemeProvider';
|
||||
|
||||
const navItems = [
|
||||
{ name: "Collections", id: "products" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Why Us", id: "features" },
|
||||
{ name: "Testimonials", id: "testimonial" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
];
|
||||
|
||||
const testimonials = [
|
||||
{
|
||||
id: "1", name: "Sarah Johnson", imageSrc: "http://img.b2bpic.net/free-photo/serious-successful-young-businessman-standing-office-looking-camera_1163-4223.jpg", imageAlt: "professional headshot corporate business"},
|
||||
{
|
||||
id: "2", name: "Michael Chen", imageSrc: "http://img.b2bpic.net/free-photo/cheerful-african-american-businessman_1262-20994.jpg", imageAlt: "professional headshot corporate business"},
|
||||
{
|
||||
id: "3", name: "Emily Rodriguez", imageSrc: "http://img.b2bpic.net/free-photo/attractive-blond-business-woman-white-shirt-eyeglasses-crossed-arms-grey-background_613910-11786.jpg", imageAlt: "professional headshot corporate business"},
|
||||
{
|
||||
id: "4", name: "David Kim", imageSrc: "http://img.b2bpic.net/free-psd/portrait-modern-woman_23-2150116726.jpg", imageAlt: "professional headshot corporate business"},
|
||||
];
|
||||
|
||||
const brandNames = [
|
||||
"Microsoft", "Google", "Apple", "Amazon", "Salesforce", "HubSpot", "Slack", "Adobe", "Figma"
|
||||
];
|
||||
|
||||
export default function AboutPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="hover-magnetic"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="soft"
|
||||
contentWidth="compact"
|
||||
sizing="mediumLargeSizeMediumTitles"
|
||||
background="aurora"
|
||||
cardStyle="gradient-mesh"
|
||||
primaryButtonStyle="radial-glow"
|
||||
secondaryButtonStyle="radial-glow"
|
||||
headingFontWeight="bold"
|
||||
>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple brandName="Seven Eight Creative" navItems={navItems} />
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TextSplitAbout
|
||||
title="About Seven Eight Creative"
|
||||
description={[
|
||||
"We believe that promotional products should be as carefully designed as the brands they represent. With over a decade of experience, we've partnered with marketing directors and small business owners to create branded merchandise that elevates corporate gifting and employee recognition programs.", "Our approach combines design excellence with reliable fulfillment. We source premium materials, collaborate closely with your team, and ensure every detail reflects your brand's values and aesthetic. From concept through delivery, we manage the complexity so you can focus on building stronger client and employee relationships."]}
|
||||
buttons={[{ text: "Our Services", href: "features" }]}
|
||||
useInvertedBackground={false}
|
||||
showBorder={true}
|
||||
buttonAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardSixteen
|
||||
title="What Makes Us Stand Out"
|
||||
description="Unlike generic promotional product vendors, we combine design expertise with meticulous attention to quality and service."
|
||||
textboxLayout="default"
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={false}
|
||||
negativeCard={{
|
||||
items: [
|
||||
"Limited design customization options", "Generic, cookie-cutter merchandise", "Inconsistent quality standards", "Delayed fulfillment and unclear timelines", "Poor customer communication"],
|
||||
}}
|
||||
positiveCard={{
|
||||
items: [
|
||||
"Unlimited creative customization", "Curated, premium product selection", "Rigorous quality assurance process", "Transparent timelines and tracking", "Dedicated account management"],
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="social-proof" data-section="social-proof">
|
||||
<SocialProofOne
|
||||
title="Trusted by Leading Brands"
|
||||
description="Marketing teams and business leaders worldwide choose Seven Eight Creative for their promotional merchandise needs."
|
||||
tag="Partners"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={brandNames}
|
||||
logos={[
|
||||
"http://img.b2bpic.net/free-vector/creative-glass-logo-template_23-2149014684.jpg", "http://img.b2bpic.net/free-vector/web-design-element-collection_23-2147554671.jpg", "http://img.b2bpic.net/free-vector/gradient-abstract-logo-template_23-2148158362.jpg", "http://img.b2bpic.net/free-vector/flat-design-outlet-stamp-collection_23-2149752877.jpg", "http://img.b2bpic.net/free-vector/technology-logo-collection_23-2148151111.jpg", "http://img.b2bpic.net/free-vector/colorful-space-badge-collection-with-flat-design_23-2147895657.jpg", "http://img.b2bpic.net/free-vector/creative-gradient-code-logo-template_23-2148815105.jpg", "http://img.b2bpic.net/free-vector/colorful-logos-abstract-style_23-2147589041.jpg", "http://img.b2bpic.net/free-vector/flat-abstract-horizontal-double-sided-business-card-template_23-2149266506.jpg"]}
|
||||
speed={40}
|
||||
showCard={true}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonial" data-section="testimonial">
|
||||
<TestimonialCardTwelve
|
||||
cardTitle="Over 2,000 marketing teams rely on us to elevate their brand through thoughtfully designed merchandise"
|
||||
cardTag="See what they say"
|
||||
cardAnimation="slide-up"
|
||||
useInvertedBackground={false}
|
||||
testimonials={testimonials}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseCard
|
||||
logoText="Seven Eight Creative"
|
||||
columns={[
|
||||
{
|
||||
title: "Products", items: [
|
||||
{ label: "Collections", href: "products" },
|
||||
{ label: "Custom Orders", href: "#" },
|
||||
{ label: "Bulk Pricing", href: "#" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company", items: [
|
||||
{ label: "About Us", href: "about" },
|
||||
{ label: "Why Us", href: "features" },
|
||||
{ label: "Blog", href: "#" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support", items: [
|
||||
{ label: "FAQ", href: "faq" },
|
||||
{ label: "Contact Us", href: "contact" },
|
||||
{ label: "Track Order", href: "#" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal", items: [
|
||||
{ label: "Terms of Service", href: "#" },
|
||||
{ label: "Privacy Policy", href: "#" },
|
||||
{ label: "Returns", href: "#" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
copyrightText="© 2025 Seven Eight Creative. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
@@ -1,50 +1,16 @@
|
||||
import type { Metadata } from "next";
|
||||
import { Halant } from "next/font/google";
|
||||
import { Inter } from "next/font/google";
|
||||
import { Nunito } from "next/font/google";
|
||||
import "./globals.css";
|
||||
import { ServiceWrapper } from "@/components/ServiceWrapper";
|
||||
import Tag from "@/tag/Tag";
|
||||
|
||||
const halant = Halant({
|
||||
variable: "--font-halant", subsets: ["latin"],
|
||||
weight: ["300", "400", "500", "600", "700"],
|
||||
});
|
||||
|
||||
const inter = Inter({
|
||||
variable: "--font-inter", subsets: ["latin"],
|
||||
});
|
||||
|
||||
const nunito = Nunito({
|
||||
variable: "--font-nunito", subsets: ["latin"],
|
||||
});
|
||||
|
||||
export const metadata: Metadata = {
|
||||
title: "Promotional Products & Branded Merchandise | Seven Eight Creative", description: "Discover premium, design-forward promotional products and branded merchandise. Curated collections for corporate gifting and employee recognition. Expert customization & reliable fulfillment.", keywords: "promotional products, branded merchandise, corporate gifts, custom promotional items, employee recognition, branded goods", metadataBase: new URL("https://seveneightcreative.com"),
|
||||
alternates: {
|
||||
canonical: "https://seveneightcreative.com"},
|
||||
openGraph: {
|
||||
title: "Promotional Products Designed Differently", description: "Curated merchandise and branded goods that reflect your brand's sophistication.", url: "https://seveneightcreative.com", siteName: "Seven Eight Creative", type: "website"},
|
||||
robots: {
|
||||
index: true,
|
||||
follow: true,
|
||||
},
|
||||
};
|
||||
title: "Seven Eight Creative", description: "Promotional Products Designed Differently"};
|
||||
|
||||
export default function RootLayout({
|
||||
children,
|
||||
}: Readonly<{
|
||||
}: {
|
||||
children: React.ReactNode;
|
||||
}>) {
|
||||
}) {
|
||||
return (
|
||||
<html lang="en" suppressHydrationWarning>
|
||||
<ServiceWrapper>
|
||||
<body
|
||||
className={`${halant.variable} ${inter.variable} ${nunito.variable} antialiased`}
|
||||
>
|
||||
<Tag />
|
||||
{children}
|
||||
|
||||
<html lang="en">
|
||||
<body>{children}
|
||||
<script
|
||||
dangerouslySetInnerHTML={{
|
||||
__html: `
|
||||
@@ -1412,7 +1378,6 @@ export default function RootLayout({
|
||||
}}
|
||||
/>
|
||||
</body>
|
||||
</ServiceWrapper>
|
||||
</html>
|
||||
);
|
||||
}
|
||||
|
||||
@@ -72,8 +72,8 @@ export default function LandingPage() {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-composition-with-neatly-arranged-organized-sport-items_23-2150275234.jpg", imageAlt: "Curated branded products"},
|
||||
]}
|
||||
buttons={[
|
||||
{ text: "Explore Collections", href: "#products" },
|
||||
{ text: "Get a Quote", href: "#contact" },
|
||||
{ text: "Explore Collections", href: "products" },
|
||||
{ text: "Get a Quote", href: "contact" },
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
buttonAnimation="slide-up"
|
||||
@@ -86,7 +86,7 @@ export default function LandingPage() {
|
||||
title="About Seven Eight Creative"
|
||||
description={[
|
||||
"We believe that promotional products should be as carefully designed as the brands they represent. With over a decade of experience, we've partnered with marketing directors and small business owners to create branded merchandise that elevates corporate gifting and employee recognition programs.", "Our approach combines design excellence with reliable fulfillment. We source premium materials, collaborate closely with your team, and ensure every detail reflects your brand's values and aesthetic. From concept through delivery, we manage the complexity so you can focus on building stronger client and employee relationships."]}
|
||||
buttons={[{ text: "Our Services", href: "#features" }]}
|
||||
buttons={[{ text: "Our Services", href: "features" }]}
|
||||
useInvertedBackground={false}
|
||||
showBorder={true}
|
||||
buttonAnimation="slide-up"
|
||||
@@ -200,22 +200,22 @@ export default function LandingPage() {
|
||||
columns={[
|
||||
{
|
||||
title: "Products", items: [
|
||||
{ label: "Collections", href: "#products" },
|
||||
{ label: "Collections", href: "products" },
|
||||
{ label: "Custom Orders", href: "#" },
|
||||
{ label: "Bulk Pricing", href: "#" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company", items: [
|
||||
{ label: "About Us", href: "#about" },
|
||||
{ label: "Why Us", href: "#features" },
|
||||
{ label: "About Us", href: "about" },
|
||||
{ label: "Why Us", href: "features" },
|
||||
{ label: "Blog", href: "#" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support", items: [
|
||||
{ label: "FAQ", href: "#faq" },
|
||||
{ label: "Contact Us", href: "#contact" },
|
||||
{ label: "FAQ", href: "faq" },
|
||||
{ label: "Contact Us", href: "contact" },
|
||||
{ label: "Track Order", href: "#" },
|
||||
],
|
||||
},
|
||||
|
||||
Reference in New Issue
Block a user