diff --git a/src/app/about/page.tsx b/src/app/about/page.tsx index 206f526..8ae3f0c 100644 --- a/src/app/about/page.tsx +++ b/src/app/about/page.tsx @@ -6,7 +6,7 @@ import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/Nav import MetricSplitMediaAbout from "@/components/sections/about/MetricSplitMediaAbout"; import FeatureCardTen from "@/components/sections/feature/FeatureCardTen"; import FooterBaseCard from "@/components/sections/footer/FooterBaseCard"; -import { Building2, TrendingUp, Zap, Globe, Package, Award, Trophy, Leaf } from "lucide-react"; +import { Building2, TrendingUp, Zap, Globe, Package, Award, Trophy, Leaf, CheckCircle } from "lucide-react"; export default function AboutPage() { const navItems = [ @@ -22,16 +22,14 @@ export default function AboutPage() { const footerColumns = [ { - title: "회사", - items: [ + title: "회사", items: [ { label: "회사소개", href: "/about" }, { label: "연혁", href: "/timeline" }, { label: "경영진", href: "/team" }, ], }, { - title: "서비스", - items: [ + title: "서비스", items: [ { label: "CMA", href: "/services" }, { label: "해외 주식", href: "/services" }, { label: "자산관리", href: "/services" }, @@ -39,24 +37,21 @@ export default function AboutPage() { ], }, { - title: "정보", - items: [ + title: "정보", items: [ { label: "VIP 등급", href: "/vip-tiers" }, { label: "FAQ", href: "/faq" }, { label: "공지사항", href: "#" }, ], }, { - title: "지원", - items: [ + title: "지원", items: [ { label: "고객센터", href: "tel:1588-8000" }, { label: "지점 찾기", href: "#" }, { label: "문의하기", href: "/contact" }, ], }, { - title: "법적 정보", - items: [ + title: "법적 정보", items: [ { label: "개인정보 보호", href: "#" }, { label: "이용약관", href: "#" }, { label: "법적 고지", href: "#" }, @@ -71,7 +66,7 @@ export default function AboutPage() { borderRadius="soft" contentWidth="mediumLarge" sizing="largeSmallSizeLargeTitles" - background="grid" + background="circleGradient" cardStyle="layered-gradient" primaryButtonStyle="diagonal-gradient" secondaryButtonStyle="solid" @@ -95,9 +90,10 @@ export default function AboutPage() { { value: "40+년", title: "금융 서비스 역사" }, { value: "1,400만+", title: "누적 고객" }, ]} - imageSrc="http://img.b2bpic.net/free-photo/modern-building-view_1112-392.jpg?_wi=5" + imageSrc="http://img.b2bpic.net/free-photo/modern-building-view_1112-392.jpg" imageAlt="삼성증권 본사" mediaAnimation="slide-up" + metricsAnimation="slide-up" useInvertedBackground={false} /> @@ -111,15 +107,10 @@ export default function AboutPage() { useInvertedBackground={false} features={[ { - id: "1", - title: "고객 중심의 혁신", - description: - "삼성증권은 항상 고객의 입장에서 생각하며, 고객이 원하는 서비스를 먼저 개발하고 제공하는 것을 원칙으로 합니다.", - media: { + id: "1", title: "고객 중심의 혁신", description: + "삼성증권은 항상 고객의 입장에서 생각하며, 고객이 원하는 서비스를 먼저 개발하고 제공하는 것을 원칙으로 합니다.", media: { imageSrc: - "http://img.b2bpic.net/free-photo/financial-report-with-co-workers-blurred-background_1098-497.jpg?_wi=4", - imageAlt: "고객 중심", - }, + "http://img.b2bpic.net/free-photo/financial-report-with-co-workers-blurred-background_1098-497.jpg", imageAlt: "고객 중심"}, items: [ { icon: Zap, text: "고객 피드백 시스템" }, { icon: Award, text: "지속적 서비스 개선" }, @@ -128,32 +119,22 @@ export default function AboutPage() { reverse: false, }, { - id: "2", - title: "투명성과 신뢰", - description: - "모든 거래와 상담에서 완전한 정보 공개와 윤리적 기준을 유지하여 고객 신뢰를 최우선으로 합니다.", - media: { + id: "2", title: "투명성과 신뢰", description: + "모든 거래와 상담에서 완전한 정보 공개와 윤리적 기준을 유지하여 고객 신뢰를 최우선으로 합니다.", media: { imageSrc: - "http://img.b2bpic.net/free-photo/modern-building-view_1112-392.jpg?_wi=6", - imageAlt: "신뢰", - }, + "http://img.b2bpic.net/free-photo/modern-building-view_1112-392.jpg", imageAlt: "신뢰"}, items: [ { icon: Trophy, text: "정보 공개 투명성" }, { icon: Building2, text: "윤리 경영 실천" }, - { icon: Check, text: "고객 보호 정책" }, + { icon: CheckCircle, text: "고객 보호 정책" }, ], reverse: true, }, { - id: "3", - title: "지속 가능한 성장", - description: - "ESG 경영을 통해 환경과 사회에 기여하면서 기업의 지속 가능한 성장을 추구합니다.", - media: { + id: "3", title: "지속 가능한 성장", description: + "ESG 경영을 통해 환경과 사회에 기여하면서 기업의 지속 가능한 성장을 추구합니다.", media: { imageSrc: - "http://img.b2bpic.net/free-photo/financial-income-economic-diagram-money-concept_53876-121065.jpg?_wi=4", - imageAlt: "지속가능성", - }, + "http://img.b2bpic.net/free-photo/financial-income-economic-diagram-money-concept_53876-121065.jpg", imageAlt: "지속가능성"}, items: [ { icon: Leaf, text: "ESG 경영 추진" }, { icon: Globe, text: "사회 공헌" }, diff --git a/src/app/page.tsx b/src/app/page.tsx index 2370369..ee50022 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -9,7 +9,7 @@ import FeatureCardTen from "@/components/sections/feature/FeatureCardTen"; import FaqBase from "@/components/sections/faq/FaqBase"; import ContactCTA from "@/components/sections/contact/ContactCTA"; import FooterBaseCard from "@/components/sections/footer/FooterBaseCard"; -import { Info, Building2, TrendingUp, Zap, Globe, Package, Award, Trophy, Leaf, Mail, Check } from "lucide-react"; +import { Info, Building2, TrendingUp, Zap, Globe, Package, Award, Trophy, Leaf, Mail } from "lucide-react"; export default function HomePage() { const navItems = [ @@ -25,16 +25,14 @@ export default function HomePage() { const footerColumns = [ { - title: "회사", - items: [ + title: "회사", items: [ { label: "회사소개", href: "/about" }, { label: "연혁", href: "/timeline" }, { label: "경영진", href: "/team" }, ], }, { - title: "서비스", - items: [ + title: "서비스", items: [ { label: "CMA", href: "/services" }, { label: "해외 주식", href: "/services" }, { label: "자산관리", href: "/services" }, @@ -42,24 +40,21 @@ export default function HomePage() { ], }, { - title: "정보", - items: [ + title: "정보", items: [ { label: "VIP 등급", href: "/vip-tiers" }, { label: "FAQ", href: "/faq" }, { label: "공지사항", href: "#" }, ], }, { - title: "지원", - items: [ + title: "지원", items: [ { label: "고객센터", href: "tel:1588-8000" }, { label: "지점 찾기", href: "#" }, { label: "문의하기", href: "/contact" }, ], }, { - title: "법적 정보", - items: [ + title: "법적 정보", items: [ { label: "개인정보 보호", href: "#" }, { label: "이용약관", href: "#" }, { label: "법적 고지", href: "#" }, @@ -74,7 +69,7 @@ export default function HomePage() { borderRadius="soft" contentWidth="mediumLarge" sizing="largeSmallSizeLargeTitles" - background="grid" + background="circleGradient" cardStyle="layered-gradient" primaryButtonStyle="diagonal-gradient" secondaryButtonStyle="solid" @@ -95,50 +90,34 @@ export default function HomePage() { tagIcon={Info} title="삼성증권 한눈에 보기" description="1982년 설립 이후 40년 이상 금융 서비스를 제공해온 삼성증권의 연혁, 서비스, 지배구조, 등급체계를 한곳에서 확인하세요." - background={{ variant: "grid" }} + background={{ variant: "radial-gradient" }} leftCarouselItems={[ { - imageSrc: "http://img.b2bpic.net/free-photo/financial-report-with-co-workers-blurred-background_1098-497.jpg?_wi=1", - imageAlt: "삼성증권 본사", - }, + imageSrc: "http://img.b2bpic.net/free-photo/financial-report-with-co-workers-blurred-background_1098-497.jpg", imageAlt: "삼성증권 본사"}, { - imageSrc: "http://img.b2bpic.net/free-photo/modern-building-view_1112-392.jpg?_wi=1", - imageAlt: "회사 건물", - }, + imageSrc: "http://img.b2bpic.net/free-photo/modern-building-view_1112-392.jpg", imageAlt: "회사 건물"}, { - imageSrc: "http://img.b2bpic.net/free-photo/stock-market-economy-investment-financial-concept_53876-121532.jpg?_wi=1", - imageAlt: "서비스 이미지", - }, + imageSrc: "http://img.b2bpic.net/free-photo/stock-market-economy-investment-financial-concept_53876-121532.jpg", imageAlt: "서비스 이미지"}, { - imageSrc: "http://img.b2bpic.net/free-photo/financial-income-economic-diagram-money-concept_53876-121065.jpg?_wi=1", - imageAlt: "자산관리 이미지", - }, + imageSrc: "http://img.b2bpic.net/free-photo/financial-income-economic-diagram-money-concept_53876-121065.jpg", imageAlt: "자산관리 이미지"}, ]} rightCarouselItems={[ { - imageSrc: "http://img.b2bpic.net/free-photo/good-transaction-is-success_329181-14663.jpg?_wi=1", - imageAlt: "연금 상품", - }, + imageSrc: "http://img.b2bpic.net/free-photo/good-transaction-is-success_329181-14663.jpg", imageAlt: "연금 상품"}, { - imageSrc: "http://img.b2bpic.net/free-photo/financial-report-with-co-workers-blurred-background_1098-497.jpg?_wi=2", - imageAlt: "투자 서비스", - }, + imageSrc: "http://img.b2bpic.net/free-photo/financial-report-with-co-workers-blurred-background_1098-497.jpg", imageAlt: "투자 서비스"}, { - imageSrc: "http://img.b2bpic.net/free-photo/modern-building-view_1112-392.jpg?_wi=2", - imageAlt: "글로벌 네트워크", - }, + imageSrc: "http://img.b2bpic.net/free-photo/modern-building-view_1112-392.jpg", imageAlt: "글로벌 네트워크"}, { - imageSrc: "http://img.b2bpic.net/free-photo/businessman-engages-critical-conversation-with-financial-broker_482257-131574.jpg?_wi=1", - imageAlt: "고객 지원", - }, + imageSrc: "http://img.b2bpic.net/free-photo/businessman-engages-critical-conversation-with-financial-broker_482257-131574.jpg", imageAlt: "고객 지원"}, ]} buttons={[ { text: "회사소개 보기", href: "/about" }, { text: "서비스 둘러보기", href: "/services" }, ]} carouselPosition="right" - tagAnimation="entrance-slide" - buttonAnimation="entrance-slide" + tagAnimation="slide-up" + buttonAnimation="slide-up" /> @@ -149,39 +128,15 @@ export default function HomePage() { textboxLayout="default" products={[ { - id: "1", - name: "연혁", - price: "1982년 설립", - variant: "40년 역사", - imageSrc: "http://img.b2bpic.net/free-photo/modern-building-view_1112-392.jpg?_wi=3", - imageAlt: "연혁", - onProductClick: () => (window.location.href = "/timeline"), + id: "1", name: "연혁", price: "1982년 설립", variant: "40년 역사", imageSrc: "http://img.b2bpic.net/free-photo/modern-building-view_1112-392.jpg", imageAlt: "연혁", onProductClick: () => (window.location.href = "/timeline"), }, { - id: "2", - name: "주요 서비스", - price: "CMA, 해외주식", - variant: "자산관리, 연금", - imageSrc: "http://img.b2bpic.net/free-photo/stock-market-economy-investment-financial-concept_53876-121532.jpg?_wi=2", - imageAlt: "서비스", - onProductClick: () => (window.location.href = "/services"), + id: "2", name: "주요 서비스", price: "CMA, 해외주식", variant: "자산관리, 연금", imageSrc: "http://img.b2bpic.net/free-photo/stock-market-economy-investment-financial-concept_53876-121532.jpg", imageAlt: "서비스", onProductClick: () => (window.location.href = "/services"), }, { - id: "3", - name: "지배구조", - price: "삼성생명 29.4%", - variant: "국민연금 8.9%", - imageSrc: "http://img.b2bpic.net/free-photo/financial-income-economic-diagram-money-concept_53876-121065.jpg?_wi=2", - imageAlt: "지배구조", - }, + id: "3", name: "지배구조", price: "삼성생명 29.4%", variant: "국민연금 8.9%", imageSrc: "http://img.b2bpic.net/free-photo/financial-income-economic-diagram-money-concept_53876-121065.jpg", imageAlt: "지배구조"}, { - id: "4", - name: "VIP 등급", - price: "5단계 시스템", - variant: "SNI Honors 최고 등급", - imageSrc: "http://img.b2bpic.net/free-photo/good-transaction-is-success_329181-14663.jpg?_wi=2", - imageAlt: "VIP", - onProductClick: () => (window.location.href = "/vip-tiers"), + id: "4", name: "VIP 등급", price: "5단계 시스템", variant: "SNI Honors 최고 등급", imageSrc: "http://img.b2bpic.net/free-photo/good-transaction-is-success_329181-14663.jpg", imageAlt: "VIP", onProductClick: () => (window.location.href = "/vip-tiers"), }, ]} gridVariant="four-items-2x2-equal-grid" @@ -199,15 +154,10 @@ export default function HomePage() { useInvertedBackground={false} features={[ { - id: "1", - title: "설립 및 상장 (1982-1991)", - description: - "한일투자금융으로 시작하여 1988년 증권거래소 상장, 1991년 국제증권으로 전환했습니다.", - media: { + id: "1", title: "설립 및 상장 (1982-1991)", description: + "한일투자금융으로 시작하여 1988년 증권거래소 상장, 1991년 국제증권으로 전환했습니다.", media: { imageSrc: - "http://img.b2bpic.net/free-photo/modern-building-view_1112-392.jpg?_wi=4", - imageAlt: "초기 사무실", - }, + "http://img.b2bpic.net/free-photo/modern-building-view_1112-392.jpg", imageAlt: "초기 사무실"}, items: [ { icon: Building2, text: "1982년 명동에 설립" }, { icon: TrendingUp, text: "1988년 증권거래소 상장" }, @@ -216,15 +166,10 @@ export default function HomePage() { reverse: false, }, { - id: "2", - title: "삼성 편입 및 국제화 (1992-2000)", - description: - "1992년 삼성그룹에 인수되어 삼성증권으로 사명을 변경하고, 국제 무대로 진출했습니다.", - media: { + id: "2", title: "삼성 편입 및 국제화 (1992-2000)", description: + "1992년 삼성그룹에 인수되어 삼성증권으로 사명을 변경하고, 국제 무대로 진출했습니다.", media: { imageSrc: - "http://img.b2bpic.net/free-photo/financial-report-with-co-workers-blurred-background_1098-497.jpg?_wi=3", - imageAlt: "글로벌 확장", - }, + "http://img.b2bpic.net/free-photo/financial-report-with-co-workers-blurred-background_1098-497.jpg", imageAlt: "글로벌 확장"}, items: [ { icon: Globe, text: "1996년 런던 해외법인 설립" }, { icon: Package, text: "1998년 뮤추얼펀드 출시" }, @@ -233,15 +178,10 @@ export default function HomePage() { reverse: true, }, { - id: "3", - title: "혁신과 성장 (2001-2020)", - description: - "업계 최초 서비스들을 지속적으로 출시하여 시장 선도를 이어갔습니다.", - media: { + id: "3", title: "혁신과 성장 (2001-2020)", description: + "업계 최초 서비스들을 지속적으로 출시하여 시장 선도를 이어갔습니다.", media: { imageSrc: - "http://img.b2bpic.net/free-photo/financial-income-economic-diagram-money-concept_53876-121065.jpg?_wi=3", - imageAlt: "혁신 서비스", - }, + "http://img.b2bpic.net/free-photo/financial-income-economic-diagram-money-concept_53876-121065.jpg", imageAlt: "혁신 서비스"}, items: [ { icon: Award, text: "2001년 한국 최우수 증권사" }, { icon: Zap, text: "2008년 선택수수료 서비스" }, @@ -262,41 +202,23 @@ export default function HomePage() { faqsAnimation="slide-up" faqs={[ { - id: "1", - title: "계좌 비밀번호를 분실했을 때는 어떻게 하나요?", - content: - "모바일 앱에서는 기존 비밀번호를 입력해야 변경할 수 없으므로, 콜센터(1588-8000)로 연락하여 비밀번호를 변경하시면 됩니다. OTP를 미리 등록해두면 인증이 더욱 편리합니다. 지점 방문으로도 해결 가능합니다.", - }, + id: "1", title: "계좌 비밀번호를 분실했을 때는 어떻게 하나요?", content: + "모바일 앱에서는 기존 비밀번호를 입력해야 변경할 수 없으므로, 콜센터(1588-8000)로 연락하여 비밀번호를 변경하시면 됩니다. OTP를 미리 등록해두면 인증이 더욱 편리합니다. 지점 방문으로도 해결 가능합니다."}, { - id: "2", - title: "지점 방문이 필요한 업무는 무엇인가요?", - content: - "종합카드 발급/재발급, 마이데이터 서비스 제한 해제, 일부 계좌 관련 상담 등이 필요합니다. 다만 지점이 많지 않으므로 미리 연락하고 방문하시기를 권장합니다.", - }, + id: "2", title: "지점 방문이 필요한 업무는 무엇인가요?", content: + "종합카드 발급/재발급, 마이데이터 서비스 제한 해제, 일부 계좌 관련 상담 등이 필요합니다. 다만 지점이 많지 않으므로 미리 연락하고 방문하시기를 권장합니다."}, { - id: "3", - title: "국내 주식 수수료는 얼마인가요?", - content: - "HTS 기준 1,000만 원 미만: 0.1482%+1,500원, 1,000만~5,000만 원: 0.1282%+3,000원, 50만 원 미만: 0.4982%입니다. 비대면 개설 계좌의 경우 수수료 면제 혜택을 받을 수 있습니다.", - }, + id: "3", title: "국내 주식 수수료는 얼마인가요?", content: + "HTS 기준 1,000만 원 미만: 0.1482%+1,500원, 1,000만~5,000만 원: 0.1282%+3,000원, 50만 원 미만: 0.4982%입니다. 비대면 개설 계좌의 경우 수수료 면제 혜택을 받을 수 있습니다."}, { - id: "4", - title: "해외주식 거래 수수료는 어떻게 되나요?", - content: - "영국, 프랑스, 독일 등 주요 유럽 증시는 온라인 거래 시 최소 수수료가 없습니다(2023년 7월 이후 10 EUR 예정). 영국 시장은 계속 최소 수수료를 받지 않습니다.", - }, + id: "4", title: "해외주식 거래 수수료는 어떻게 되나요?", content: + "영국, 프랑스, 독일 등 주요 유럽 증시는 온라인 거래 시 최소 수수료가 없습니다(2023년 7월 이후 10 EUR 예정). 영국 시장은 계속 최소 수수료를 받지 않습니다."}, { - id: "5", - title: "VIP 등급은 어떻게 구분되나요?", - content: - "전년도 평균 잔고 기준으로 일반, 우대, Honors, Honors Premium, SNI Honors 5단계로 구분됩니다. Honors 이상부터 전문 PB 배정과 수수료 면제 혜택을 받습니다.", - }, + id: "5", title: "VIP 등급은 어떻게 구분되나요?", content: + "전년도 평균 잔고 기준으로 일반, 우대, Honors, Honors Premium, SNI Honors 5단계로 구분됩니다. Honors 이상부터 전문 PB 배정과 수수료 면제 혜택을 받습니다."}, { - id: "6", - title: "마이데이터 서비스를 제한할 수 있나요?", - content: - "네, 앱에서 통합계좌조회 및 마이데이터 서비스를 각각 제한할 수 있습니다. 다른 증권사에서는 제공하지 않는 고객 정보 보호 기능입니다. 해제는 지점 방문으로만 가능합니다.", - }, + id: "6", title: "마이데이터 서비스를 제한할 수 있나요?", content: + "네, 앱에서 통합계좌조회 및 마이데이터 서비스를 각각 제한할 수 있습니다. 다른 증권사에서는 제공하지 않는 고객 정보 보호 기능입니다. 해제는 지점 방문으로만 가능합니다."}, ]} /> @@ -311,7 +233,7 @@ export default function HomePage() { { text: "콜센터 연락", href: "tel:1588-8000" }, { text: "문의 이메일", href: "mailto:info@samsung-securities.co.kr" }, ]} - background={{ variant: "grid" }} + background={{ variant: "radial-gradient" }} useInvertedBackground={false} />